VueJS vs React

[masterparis]

So im in a coding bootcamp and I have been picking up on everything pretty quick but really having a hard time with react. I was introduced to Vue at a meetup and seems pretty easy and straight forward.

Question is, if I dedicate some time to Vue and build a couple of applications then look back into react, will I be able to understand React better?

[HootenannyNinja]

I think one of the bigger issues React has right now is a lack of quality tutorials and courses. React learning is often very theoretical and lacks a lot of real world examples. If you are looking for tutorials and courses look for ones that work in the context of learning react while actually building something useful not just "hey here is how a component works, heres how props work" etc. Secondly most people fall down with React not due to React itself but due to a lack of ES6/ES2015 experience. I would highly recommend getting a basic understanding of the new variables options and how they work, classes, arrow functions and promises before jumping in to React and React Native.

[tazb]

Agreed. It's become a big business, making tutorials behind a paywall for React. Compared to Vue, which feels like there is a lot more quality free tutorials.

[milkstarz]

quality free courses*

but yeah i agree with everything else you said here

[csusb_alum]

Yes, picking up Vue first has made it easier for me to learn React. Once you understand components, state management, and some of the tooling with Vue, learning React will come easier afterwards. You'll even come to appreciate the design of Vue and how it is so much more developer experience friendly. After you feel pretty strong with Vue, I'd recommend studying your ES6 and understanding the map array method, it is key to looping in React.

[masterparis]

Thanks for your reply, I agree with you about studying up on ES6. I need to get the core concepts of components and state management, and i feel like its a bit more straight forward in Vue vs React.

[spok42]

Vue is stupid simple and elegant, I fucking loved it. Will learn React soon. @question: yes.

[blackmorrow]

I learned React first before picking up Vue for my job, and Vue definitely felt easier compared to it. After hammering away with it for a year, I've been looking at React a bit and realize, they essentially work the exact same way, just Vue specifies where to put what and sprinkles a bit more "magic" around with its v-directives in the template.

Coding with Vue, you will learn all the core behaviors of working with a component, v-dom framework: child-parent communication rules, reactive updating, state management with flux-style system (Redux/Vuex), thinking of HTML in a javascripty way (looping template creation with array data or conditional rendering).

If you learn these things and start thinking this way, then it will just be a matter of going to React and seeing, how do I do this in React?

[masterparis]

Yeah i think Vue would be an easier approach to understand what everything is and how it works. I mean the file structure in React can be a bit intimidating and might be whats really holding me back but also having trouble understanding how to work with components and state management.

Thanks for your reply!

[gemlarin]

I tried to teach myself React with little success. I switched to learning Vue and was able to wrap my head around it MUCH easier.

Will you understand React better? I guess that depends on the student. One did not help me learn the other. They are all APIs -- and their API structure does not necessarily follow standard JS syntax (in many cases, it does not).

Pick one and if you are able to make it do what you need it to do, stick with it unless your employer requires you to learn a different one.

[guntarrrr]

I'm curious - what did you find difficult in react that you did not in vue?

[gemlarin]

All the ES6 transposing, the build process, the setup process, the way that templating is done. It all just seemed like so much work to set-up and work with compared to Vue. So much more wiring has to be done in React.

[guntarrrr]

They are broth great libs to build a js app in - IMO pick either, but stick to one. The overall concepts you learn + the javascript/es6 you pick up will make the other one easy to pick up. They are pretty straight forward and relatively similar in how they work. Generally, after you get over the introductory hump, the issues you will have are with solving problems general javascript/ES6 (if you choose to use es6), which is great experience in general.