3 factors where Vuejs outshine react
14 Mar 2021 • 3 min read
Will cover in this article how Vuejs has
1- straightforward great documentation and resources
2-faster CSS design and JS flexibility.
3- Cohesive CLI
both react and Vuejs are front end frameworks that can be used for the web and mobile development, there is react native and vue nativescript for both IOS and android development.
But If JavaScript was a human language, a framework would be the dialect/accent.
naturally accents are personal, that is why eventually over time developers tend to prefer one framework over the other, my experience with React is subjective and you may or may not find my own personal attitude apply to your own development experience or team needs.
If you understood Mozilla documentation of JavaScript well, either framework would be clear to you, but the main difference would be the tech stacks that tend to be paired with each of them and the difference in documentation coverage.
VueJs is known to work well with PHP Laravel, React is popular with MERN stack, Ultimately if the project we are working on is already written in react or it is clear to us that MERN setup will be a better choice, then obviously we should continue with the existing react code.
But in a situation where we might need a UI, and there is no clear reason to use MongoDB now or in the future for that specific case.
below are the reasons why I believe Vuejs will be a better choice
1- straightforward great documentation and resources
There is no better way to understand a framework core priorities than to listen to the founders,
Jordan walke here speaks about how he created reactjs in 2011,
And this is documentary about Evan you starting Vuejs
If you haven’t dived into both documentation of Vuejs and react yet, these two videos would be a good summary of what to expect.
The fact that Evan you is so involved in the development of Vuejs as an open-source project has made everything about Vuejs easier to read and access vue school , vue mastery courses and awesome vue list , show you quickly what Vuejs has to offer.
React on the other hand because it is developed and maintained by a large community, and its founder has moved on to reason language, you will notice how disoriented, scattered and conflicting the information about react is around the web.
We do have to acknowledge the advantage that Vuejs had in being developed after react, they were able to improve and avoid many of the unnecessary complexities found in react.
2-faster CSS design customization and JS flexibility.
For rapid prototyping, we often need to create many versions of the same small component, with Vue we can easily copy parts of the code and test it on a single HTML file then integrate it back into the original project once we found the right solution.
it is difficult to do rapid prototyping with react since we often start with create-react-app, to have completely separate prototypes we would have to create many different create-react-apps which is too heavy to move around.
Also with Vuejs, it is much easier to separate CSS design from JS functionality and allow better designers and developers collaboration.
3-Cohesive CLI
I've not seen any major miscommunication happening with the Vue support community like I have seen it within the react community.
Create-react-app promises that there is no lock-in and you can eject at any time, then you see people across the web terrorized of ejecting like here in medium and here in a atomic object article
With Vuejs there is a clear process, clear progression, you start with vue create my-project, then add vue-router or adjust static files if needed to turn single page app to multiple page app.
this level of clarity with vue , make you eventually find yourself saying "finally! JavaScript done right"
I Hope this article has been helpful to you.
last updated: 26 March 2021