DEV Community

Cover image for Why I prefer Vue over React

Why I prefer Vue over React

Gaute Meek Olsen on February 13, 2020

There exists a lot of great web development frameworks out there. I believe that every framework can be used to create the website you want. What y...
Collapse
 
weeb profile image
Patrik Kiss • Edited

Looking at these code, I'd much rather use Vue over React.

I've been seeing React codes a lot recently, read some basic tutorials, then read some more complicated codes, and I've come to the conclusion that React is a huge mess and makes absolutely no sense. There is no logic in the code. When I see those codes, they make me want to learn React less, everytime.

However, I haven't seen any Vue code yet, but seeing these examples, I already understand how they work, it's clear and logical. It easily makes sense.

I might take a look into Vue, and start learning it.

Collapse
 
weeb profile image
Patrik Kiss • Edited

Little update:
After reading your article @gautemeekolsen , I've actually started reading about VueJS, and actually watched a 90 min long tutorial for the first time ever, to see how it works.

After that I had started reading more and more posts about it here, on DEV, mainly beginners' guides.

After that, I had gone to the documentations, since in one article I've seen that they explain everything very well there, and it was true.

So after reading about it for days, I've decided to start doing it by myself. It's been 3 days since I had started coding in Vue and I'm loving it a lot! It is truly amazing and simple, easy to understand.

I'm doing pretty good I think, I'm already familiar with basics such as components, data, computed and basic methods, watchers,props, passing data around/between components and working with them, conditional rendering etc. I'm also using BootstrapVue, since I've been using Bootstrap for years, and I'm very much used to it already.

I'm exploring new features every day, and trying to expand my knowledge in it as much as I can.

So again, thank you for this article!

Update 2: also, today I learned the basic usage of Vue Router. It wasn't easy to figure out how exactly it works, had to read a lot and watch some videos about it, but it was worth it :D

Collapse
 
gautemeekolsen profile image
Gaute Meek Olsen

This is so cool to hear! Thank you for the update :)

Collapse
 
ozzythegiant profile image
Oziel Perez

I agree. I love react and I think it IS simple to use, but it gets too messy once you have to build larger apps, which is probably why they had to create Redux for state management. Vue has that nice HTML attributes feature that Angular has but without being a massive MVC framework that Angular is. Vue simply scales very well: you can use it in static websites by just importing it via tag (like jQuery) or you can create entire web apps if you include Vue Router, Vuex, Vue Apollo, and/or Vee Validate, not to mention Vuetify which has awesome Material UI components. </p>

Collapse
 
haikelfazzani profile image
Haikel Fazzani

React(Library) size < VueJs size (framework). C is better than C++ in performance , but 90% of desktop apps built on top C++ !! don't compare languages or frameworks. Life of productivity...

Collapse
 
fanchgadjo profile image
Francois K

+1
VueJS is easy to learn from day 1. That was my feeling more than a year ago. Thank you for comparing those basic features in the 2 frameworks. 👍

Collapse
 
berkmann18 profile image
Maximilian Berkmann

I agree on pretty much everything.
I also found Vue easier to pick up (although I had nearly no real exposure to Angular/Ember) than React (which I started learning first).

On the plus side, Vue3 seems to make things more understandable and maintainable.

Collapse
 
djnitehawk profile image
Dĵ ΝιΓΞΗΛψΚ

soooo... i guess you haven't played with svelte yet 😋😉

Collapse
 
mateiadrielrafael profile image
Matei Adriel

Svelte is good until you try to use typescript

Collapse
 
djnitehawk profile image
Dĵ ΝιΓΞΗΛψΚ

oh yeah true.
fortunately im a non-believer of typescript 😊🙏

Thread Thread
 
mateiadrielrafael profile image
Matei Adriel

Well, most people who use svelte seem to be like that, but in todays ecosystem you cant make a library be truly succesful without good typescript support

Thread Thread
 
djnitehawk profile image
Dĵ ΝιΓΞΗΛψΚ • Edited

yes for sure. typescript is a must for developing libraries.

Collapse
 
pedropalhari profile image
Pedro Palhari

The only turnoff of this godly sent compiler to me.

Collapse
 
mcortz profile image
Mads Cortz Jørgensen • Edited

This is also why i choose Vue over React whenever i can. It insane how easy it is to use and I feel so productive.

I am tho' often forced to use React, fx. when I have to use components from Microsoft in Azure DevOps or Office extensions.

I feel like as a developer you need a lot more JS/ES6 experience/knowledge when developing React solutions, than Vue. That's maybe just my experience, but that how i feel.

Collapse
 
eatsjobs profile image
Pasquale Mangialavori

You can use preact/react directly in browser without transpilation step, and without jsx using template literals. Vue and angular templates are not HTML anymore and should be learnt. Imo another extension should be used instead of HTML for Vue files. VHtml maybe. Preact, React, lit-html are just JavaScript object/functions rendering HTML. Matter of taste.

Collapse
 
reiallenramos profile image
Rei Allen Ramos

Love this! Vue all the way!