Hacker News new | ask | show | jobs
by w0utert 3494 days ago
So far my Vue.js experience has been great. Even though I don't particularly enjoy front-end development and the tools and techniques I'm supposed to use for them, Vue.js has been a breath of fresh air between my frustrations with HTML, Javascript, npm, CSS, HTTP and all the other things that are needed to stitch everything together. It really is a great framework.

The one thing that does still bug me these days is that even now that Vue 2.1 is out, many components I'd like to use are still not compatible with Vue 2.x, and almost all the Vue tutorials, questions, solutions, etc. I find are about Vue 1.x, which is mostly incompatible with Vue 2.x. But that should improve over time, of course.

3 comments

I'm writing an easy to understand tutorial with vuejs2 here https://github.com/thewhitetulip/intro-to-vuejs
Thank you!
you are welcome. I am going to write a detailed chapter on components and how to use them in a big app. I plan to migrate http://github.com/thewhitetulip/Tasks/ to use Vue as the front end, the app Tasks is written in Go.
Have you checked the Awesome Vue [0] list of components? There are many there that support v2

[0] https://github.com/vuejs/awesome-vue

Yes, I've looked at that list, but some of the components I'd like to use are still not compatible (Keen UI, for instance).
I'm using Keen UI @next a little. I had to hack it just a tad to propagate some click events but otherwise it was fine.
You can consider about mint-ui, which is compatible with vue2.0
are there any tutorials that would help a beginner start on that front?
I just went through the whole 'getting started' guide [1], reading everything, looking at the examples, and playing around in my own npm playground to see if I really got it.

I still consider myself a novice, I've only spent about 6 hours playing with it, but I'm already able to write my own components, communicate between them using events, set up data model for my app, binding the data model to bootstrap components in my templates, etc. Not bad for someone completely new to web development. Which says a lot more about Vue.js than about my own capabilities ;-)

One tip I can give you is to take a very good look at the Vue 1 to Vue 2 changes [2], and all the things that have been deprecated in Vue 2 (quite a lot). The big mistake I made was to mess around with examples written for Vue 1 and thinking there was some problem with the framework itself, while all of it was because I was using deprecated features (e.g. the event system has changed significantly).

[1] https://vuejs.org/v2/guide/

[2] https://github.com/vuejs/vue/issues/2873

It's still pretty ripe big guy. You keep promoting it like you are further along. I kept looking thinking there was more and there wasn't. Great start and I'm even happy to assist you, but ease up on the promo unless yare inviting people to contribute.

Just a suggestion as someone who is keen to see a ton more on 2.x and is even also keen to help others like yourself; not against you or your efforts at all.

Pls don't take this personally, but I am not entirely sure what the problem is. I didn't say "I wrote one", I said, "I am writing one", which means it is not yet finished and is a work in progress.

Any and all contributions are always welcome.

Another Vue.js 2.x tutorial that I am currently finishing is https://jayway.github.io/vue-js-workshop/. It is a nice intro into all the important pieces of Vue.js.
Does the guide include state management? As a newbie I face that problem. I was able to figure out how to use vue-resource, rendering, components, the next step in my learning cycle is to understand how to interact with a JWT server, set tokens and do state management. I don't even understand anything by the words state management :D