What this is not
This is not a comparison of how React works, how Vue fares in performance and code quality against React, etc.
This is rather a set of features which caught my eye as somewhat of a similarity. They are so similar in terms of learning curve, feature set and also tools developed around them, that sometimes I think they could combine and become a super-sonic tool that works across the board.
Please do not judge me over this, if some of the feature items look too naive and should not be there at all. But this is how I think both of the tools evolved over time and they are more common than you might think.
Wherever possible I have given links to the corresponding tools, in case you want to quickly take a look at them.
Here it goes
| Feature | For React | For VueJS |
|---|---|---|
| Single Page Application | React CLI (create-react-app) | Vue CLI (vue create) |
| Server Side Rendering | Next.js | Nuxt.js |
| Static Site Generator | Gatsby, React-Static | Gridsome, VuePress |
| Material UI Library | Material-UI.com | Vuetify |
| DevTools | React DevTools for Chrome and Firefox | Vue DevTools for Chrome and Firefox |
| Bootstrap Library | react-bootstrap | bootstrap-vue |
| Routing | react-router, reach-router | VueJS router (vue-router) |
| UI State management | React Context, Redux (react-redux) | Vuex |
| Native apps | React Native (create-react-native-app) | Vue Native (vue-native-cli) |
What do you think
I feel I did a nice job going after all these tools. I come from a React background and rarely get to work on VueJS apps in my work. I have been doing some side projects in Vue, just to get a feel of it. What do you think of the above listing of features. Should I add any other features for comparison? Did I miss anything. Have I listed something wrong? Do let me know in the comments.
Latest comments (2)
Quick edit: You've flipped the bootstrap libraries
Thanks, corrected now...