Vue or React on new project? Looking for some pro/cons to help swing the vote.

I would greatly appreciate any information that anyone has to help us decide. Even if you have just used one of them, it would be nice to what pushed you toward the one that you picked.

Thanks!

I don't know Vue.js, but about React, I think that it isn't enough to develop an full application. It's useful for some components, simple js things, not for an big application in js.

Thanks.

I should have given a little more info that this is not a full fledged SPA, but more of a collection of "widgets" to display/report data that is bound to results of AJAX calls that changes based on interaction that the user has with filters.

I'm currently using Vue js on a medium project. (I've tried React and it's great, but I think the Vue it's simpler and it's perfectly fine for the most of cases). With the version 0.12 Evan (The creator of Vue) said that now it's production ready.

The support from the community it's good, you can find help really easy on the official gitter channel http://gitter.im/yyx990803/vue

And also on the discussion repo on the Vue github https://github.com/vuejs/Discussion/issues

@jimmy.puckett Vue all the way. Much easier to learn, easy to read/understand source, easy to extend, simple to build components, very fast, great support... the list goes on and on. It's a great library and together with vue-resource provides everything you need for non-SPA projects.

Yes, for a lightweight frontend framework/helper that you can easily integrate vue is the way to go.

I know most of the JavaScript frameworks you can, but vue seems so nice and easy compared. My biggest plus is using vue schema and regular JavaScript interchangeably along with extending vue very easily.

Is Vue in the same vein as things like Angular? Just more lightweight? Like the difference between Lumen and Laravel?

I ask because maybe if you could provide some background as to what you're hoping to build, we might be able to help even more! It's all about the use case. :)

@webkenny - It's comparable to Angular (and very much inspired by it). But it chooses a simpler approach in my mind, which makes it a lot easier to use.

been looking at both for the same type of reason, i have used angular in various projects, and though would look at others, and mainly how they stack up with ES2015 etc.

In short: I love Vue JS and its simplicity / ease of use, looking forward to its progression, well done, and its similarity to angular is great. From what i have done/learnt recently with React JS i find it quiet nice (like the way a girl would say i'm cute) and good to use.

The differences in either is that as React is highly supported at the time is has already established add-ons like routers, and good support etc, but where as Vue JS lacks in this, the creator and the community is growing at a fast past, and Vue JS vue-router is under way and is making progress.

I am still trying to get used to react JS and JSX implementation within js :-). But i have been working on a simple cookie pop up for both these frameworks my Vue JS version https://gist.github.com/simondavies/e8a6e179605f9b2ca766 that i did and soon to upload to my react JS version,

But at the moment i think I am loving/strongly swaying to the way of Vue JS, if your looking for a SPA then at the moment React JS but page manipulation on webpages I will probably use Vue JS...

I think you should give both a go, as trying both I find the similarities with both quiet good, especially when comes to using it with ES2015...

This story is not over yet as still toying with both, the story continues... :-)

Excellent. And, frankly @JeffreyWay, since you have a nice set of videos here on how to use it with our very own Laravel - the choice is even easier! Thanks for the tip.

Thanks for all the insight. We are working with leaflet & there is a nice react/leaflet module, so that is also weighing into the decision.

If you like two-way data binding, like in Angular, Vue is a good choice. If you like a one way data flow, then React is for you.

I personally like React for its one way data flow (flux-ish methodology). A lot of people love two-way data binding because you can do neat things that affect other things on the page. Makes for cool demos. I've found that in real life, two-way data binding gets really hard to debug in big apps because state can be changed just about anywhere in your app by a side effect of it. In React, especially using something like Redux, you don't have to worry about this.

Furthermore, the developer tools and DX with React/Redux is amazing. Think Hot-Reloading: save your code file and the browser updates (not reloads), exactly where you left off, without loosing any state in the browser, form data, transitions, modals that might be down, etc. This would be very hard to do with Angular or Vue.

@EliasSoares could you explain why React is no good for a large app? Doesn't Facebook use it? As well as Instagram and the new Whatsapp Web version. Any additional detail would be really helpful.

I've been working on an app with React-Native which appears to be an awesome step up from current hybrid mobile apps while also making it possible to learn once and write for both iOS and Android. My only point in bringing that up is if you believe you may be doing some mobile work in the future then time invested learning React now could pay off down the road.

Also take into consider stability - how long has Vue.js been around, will the community last and also what has the most value on your CV?

I've being playing around with ReactJS and for what I've learned so far, it alone, it's just a JS library, not a fully packed framework, like Angular. It acts like the View part, in a MVC, however, it has some pretty neat feats. The way it renders the components and the idea of chain-reaction instead of two-way data binding is also very cool, IMO.

They've chosen a really great name for this lib, because React is all about reaction :) The user interacts with a component and React "listen" to changes that could affect other components using shared data between them. Like they say: it's one-way data flow. That's the biggest difference between the way Vue/Angular treat data and React, I think.

A lot of people here gave you their opinion about VueJS, so I think you're good with these comments :)

I know this is a fairly old thread but I'm going to throw a spanner in the works! Anyone looking at framework / libraries would do well to take a look at http://aurelia.io

I'd describe it as Ember for the non Ruby fanbois or Angular for the us people not so keen on 50 Shades of Grey.

More of a framework for SPAs than a reactive VM layer. But it's nicely modular, uses JSPM and all the beauty of ES2015 and some ES7 features.

I agree with @topvillas. Aurelia seems to be the way to go for a new SPA.

I just noticed the new Vue.JS 1.0 videos. Has anyone changed their mind in this thread? I recently started working with React and enjoy the virtual dom concept, React Native possibilities and large community support. However, Vue.JS seems simpler and more "Laravel"-like -- or at least Jeffrey does a great job making it seem easy.

I read through http://vuejs.org/guide/comparison.html#React but was wondering how other Laravel devs feel now the Vue has reached 1.0. Am I just being tempted by another new MV JS library or are there other benefits to Vue that I am missing as a newbie?

@neovive

VueJS 1.0 seems to be a very solid JS lib/fw IMO, you can't go wrong with it. Aurelia is very cool as well, and now there's RiotJS as a rising star... you have a lot of options in hand ATM :)

I prefer VueJS over react and angular. I've built libraries in both, and VueJS is lighter and has all the features and speed of the other two libraries, and is faster in some regards... Look at the reactivity explanation on the VueJS Page... VueJS along with the new CLI allows you to have "hot-reloading" while preserving state, and you can build your application using single component files(Webpack Vue-loader). Using the official Vue-Router, and Vuex, you get one-way data flow like redux, and powerful nested routing features. I see VueJS as the future go-to JS framework all types of projects.

Vue is well suited to your goal of building a collection of widgets to enhance the page. I can't speak to react as I've never used it, but something about it when I did look at it kind of turned me off. I picked up Vue and was productive with it in one day. I doubt the same could be said of React.

I wouldn't be too concerned about react having a huge following, honestly. To me, it's kind of a 'flavor of the week' scenario. That following could hang on for years, or could drop off when the next "cool new thing" comes out.

I've not worked with either React or Vue yet, but I'm interested in using one for an existing project (rather than a new project).

Part of the appeal of React is the fact that they've also got React Native for mobile which would be ideal for me. Rather than learning two (or more) completely different frameworks (for web frontend and mobile) I can use two very similar ones to create a similar experience on both web and mobile.

I am learning vuejs for a couple weeks and i am feeling in the same way that i felt with Laravel. it is easy to learn and very powerfull! in my opnion you could use it everywhere.

React is currently in trend, but the future is really to Vue. It's considered the most perspective JavaScript development tool. https://erminesoft.com/reactjs-or-vuejs-which-is-best-for-your-project/

Also read this article https://artjoker.net/blog/reactjs-vs-vuejs/

Outline

1. Why choose React.js?
2. Pros and cons of Vue.js
3. The comparison of React.js vs Vue.js

Not sure about Vue.js but this article covers pros and cons of React - https://qubit-labs.com/comparison-of-javascript-frameworks-angular-js-vs-react-js-vs-ember-js/

For basic comparison, I suggest reading our article we specifically written for our clients asking the same question https://mwdn.com/react-js-vs-angularjs-vs-vue-js-frameworks-comparison/ All those frameworks have their pros and cons. The answer is not that simple. However, we believe Vue is here to stay.

There're a lot of articles on this topic. But I recommend you take a look at this latest research Vue.js Vs React.js https://www.cleveroad.com/blog/vue-js-vs-react-js-know-all-about-two-javascript-frameworks

The full potential of ReactJS can be seen when integrated with other tools and solutions.

Here are the benefits of React you need to consider:

• Virtual DOM is regarded to be faster in comparison to regular DOM because of the ability to change parts of data without changing other parts of the HTML tree. This helps to make and track changes easily. This factor becomes crucial in an Angular vs React comparison.

• Next.js is a framework for the server-side rendering of React applications. React applications can be rendered both on the client side and server side, freeing additional processing power for Virtual DOM.

• Redux is a JavaScript library which manages state modifications. A single object represents the whole application state. If it is used in large-scale projects, Redux significantly speeds up the work of React applications.

• JSX goes against the modern approach to creating HTML and JavaScript code. You don't store the codes separately, because with React you need to create a single self-contained component. You don’t have to use it because it is optional.

Let's find out the main drawbacks of React which you need to consider before starting to develop a new application:

• The one-way data binding that React uses doesn't let developers easily make changes in the UI elements. It can be done after the corresponding model state is changed. On the other hand, it is not a disadvantage because, as a project grows, React offers a better data overview which results in hassle-free debugging.

• Testing a React app is challenging as you need to use different tools for different types of testing, Enzyme and Unexpected-React are used for component testing, Jest for JavaScript code, react-testing-library for React DOM testing, React-unit for unit testing, and Skin-deep for Render testing. When considering Angular vs React in terms of testing, React slows the process down.

Learn more here https://mlsdev.com/blog/angular-vs-react