Comparing React x Vue.js. Which one is better?

Part 1

In this series, I will talk about what in my opinion both frameworks (yes, I know React is not a framework) have, which skills are transferable and how to approach both.

What is important to say is that I’ll be comparing Vue 3, and the composition API (which made Vue.JS way better) and React Hooks.

The first and one of the most important comparation is exactly the fact that we are comparing different things, React calls himself a library, and Vue.js is a framework.

What does it mean? Well, that means that, React gives you much more freedom to do things in your way and be independent, which is awesome, but on the other hand, Vue.js has its own way of doing things so you have a “book” to follow and use as a guide (this point for me is especially good for new developers).

For example, let’s say we are building an app that needs a router, if using React, we don’t have one built in, but we have a couple good options, the most used one is react-router-dom.

After install, we see how open it is. Usually we wrap the app with the Router, but it can be done in the index.js, in the app.js or whenever you want:

Then you use Switch and Router to define your routes and components. It can be in any file, with your own structure (Thanks to the freedom React gives us!)

In Vue.js, you need to install the Vue Router (built in) and it will give you a router folder, with a index file:

In my opinion, the Vue router is more organized and easy to use, and it’s built in, comparing with react-router-dom.

And this is just the first comparation!

Which one do you prefer? Please let me know.

Next week I’ll be back with another comparation to continue this series…