DEV Community

Cover image for Why would you want to learn VueJS now?

Why would you want to learn VueJS now?

Let's Code on March 31, 2021

Everyone has their favorite JS framework based on their own style and preference. Why would a developer bother looking into a different one if what...
Collapse
 
adamcoster profile image
Adam Coster

Vue is great, and Vue3 has made it much better yet. While in general I agree that the docs and ecosystem are great, the Vue2/Vue3 split has made that less true.

I recently upgraded a big Vue2 project to Vue3. It was less painful than I expected, but I found it difficult to figure out which version of Vue any given 3rd party library or even the Vue docs are referring to.

Collapse
 
frontendengineer profile image
Let's Code • Edited

glad to hear your experience on the upgrade. I am interested on how did you approach the upgrade - manually or using a cli or a migration docs/guide?

Did you also include typescript? We are currently using VueJS version 2 in the company.

Collapse
 
adamcoster profile image
Adam Coster

I used the CLI and followed up with a lot of manual fixes. I did switch to Typescript as part of the process.

Thread Thread
 
frontendengineer profile image
Let's Code

i need to take a look at typescript. Companies are investing into it now and getting so much attention because of the advantage it brings.

Thread Thread
 
adamcoster profile image
Adam Coster

After making the switch I'll never go back. I started to slowly adopt it early last year, and once I got over the initial learning hurdles it quickly became the only way I wanted to code!

Thread Thread
 
frontendengineer profile image
Let's Code

thanks for sharing. I have typescript docs open at the moment and I would dive into it.

I used to think that TS is just an additional overhead, I didn't bother learning as JS is meant to be loosely typed. It is an eye-opener to see the community slowly adapting to it. Hope that TS will just be embedded on JS itself.

Thread Thread
 
adamcoster profile image
Adam Coster

Typescript is great because it doesn't limit what you can do, it just documents what you did do, or plan to do, so that you can catch errors from accidentally not doing those things. You can adjust type definitions easily and on the fly.

At the beginning of learning it's hard to use Typescript to express your intent, so it may feel constraining at first. But it's worth sticking to it!

Thread Thread
 
frontendengineer profile image
Let's Code

im sold! thanks for the valuable input. i currently know the basics and watched tutorials last night. will get my hands dirty this weekend. Thanks Adam.

Thread Thread
 
adamcoster profile image
Adam Coster

Good luck! Definitely best to start with small projects until you feel confident with it. The official docs are very good. I've found that the vast majority of my frustrations stem from configuration issues, which can be tricky to get right.

Collapse
 
maureento8888 profile image
Maureen T'O

The Vue.js docs really are the best I've seen 💚 Great framework and super lightweight. I'm surprised it's still not as popular as React.js. Although I think React.js is great, but I found the syntax a little bit awkward (although not impossible) to work with.

Collapse
 
frontendengineer profile image
Let's Code • Edited

if I would make an educated guess, ReactJS came in first so they have the first-mover advantage from angular and other frameworks. Also, ReactJS focus heavily on javascript which is the preference of most devs. Since this is preferred, jobs will be massive as demand is higher.

JSX is a bit weird but I could argue that the same thing could be said on the directive, filters, etc as well on angular/vue. Might be something to just getting used to.

Collapse
 
maureento8888 profile image
Maureen T'O

That is true, that React did sort of revolutionize the framework world. It’s definitely more JS-heavy with the JSX but it’s an interesting philosophy I’d take up learning in the future 🙌🏼

Thread Thread
 
frontendengineer profile image
Let's Code

You will be able to pick it up quite easily. In the end, frameworks help us devs but just different ways of doing things. Is there any other framework you are familiar other than vuejs?

Thread Thread
 
maureento8888 profile image
Maureen T'O

Completely agree that frameworks just provide different means of doing things - I’m familiar with Nuxt.js but that doesn’t quite count since it’s based off Vue 😄 Only a bit familiar with React 😅

Thread Thread
 
frontendengineer profile image
Let's Code

im going to spend some time with Svelte this week. it is very similar with VueJS. They claim to be lighter as they remove the actual lib from the code. imagine a vuejs app with vuejs or react app without react, no overhead. 😀

Thread Thread
 
maureento8888 profile image
Maureen T'O

That’s awesome! I’ve heard of Svelte getting big these days! Woooo must be so different and interesting - have fun! 😀🎉

Collapse
 
andrewbaisden profile image
Andrew Baisden

If React did not exist I am sure that Vue would be number 1. Regardless it is a great framework to use definitely my second choice after React. I agree though the syntax is probably easier to learn compared to JSX. And their docs are great.

Collapse
 
frontendengineer profile image
Let's Code • Edited

VueJS made some difficult things easier. An example is the form fields v-model. In react you would have to manually handle it. Although some devs preferred to have this flexibility, do everything themselves.

Looping through lists is quite a breeze, kinda angular-ish that Evan You love and replicated.

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt

Please also share your thought on Vue2 (@vue/cli) vs Vue3 (vite) vs NuxtJS (vs Quasar, although I haven't really tried it yet.)

Collapse
 
frontendengineer profile image
Let's Code

i have no production experience with Vue3 or NuxtJS unfortunately. Hope someone can come in and share.

Collapse
 
nicozerpa profile image
Nico Zerpa (he/him)

I'm a React guy, but I also work with Vue.js and it's very a solid framework, it's really cool. I also like that the Vue.js team also maintains the official router and state management libraries for the framework.

Collapse
 
frontendengineer profile image
Let's Code • Edited

Vue.js team maintaining these libs will ensure compatibility with the framework and I definitely like that idea. The more brain on lib, the better software will be. Have you tried or looked over Svelte?

Collapse
 
sanfra1407 profile image
Giuseppe • Edited

There would be a lot to say about Vue. Personally I love its extensible ecosystem (Vuex, Vue Router and Vue CLI) which is totally followed by the core team members, giving to it more reliability, and I also like Vue's Single File Components which make possible to write a super-clean and understandable code.

I wrote a couple of posts about Vue; you may give them a look if you want! :)

Collapse
 
frontendengineer profile image
Let's Code • Edited

will definitely visit. Glad to see vuejs users on this platform.

SFC and directives are my favorite part of vue.