React and Vue have accumulated a large number of fans in China, and many students have used the same technology stack for a long time. It is easy for them to ignore the development of other excellent front-end frameworks. Just as the first one asked me to investigate the situation of react Vue, I compared the two excellent frameworks from the perspective that you may be interested in. Hope to play a reference role in your selection of technology, welcome to discuss and exchange ~

The heat

Google trends

Google search trends for Vue and React are shown below. The data of React and Vue in recent year are very close

As 2021.5.6

Stack Overflow survey

After topping the list of most used Web frameworks in the 2020 Stack Overflow survey, React remains the second most popular framework with 35.9% of respondents choosing it.

In the Stack Overflow 2020 survey, both React. Js and vue.js were ranked as the most popular Web frameworks, while Vue dropped less than 3% to second place.

Front-end framework market share trends

Downloads and Star

As 2021.5.6

Vue

React

Conclusion: Star numbers are very close, vue only counts version 2.0, but react still has more weekly downloads if 3.0 downloads are included

Background and community support

Vue.js was created by Evan You, a former Google employee who worked on the Angular team. To create. Evan’s vision was to create a framework that combined the best of React, Ember, and Angular to provide additional functionality and improve coding performance. But because vue.js is not backed by tech giants, it relies on an active community to fuel its growth.

React is backed by tech giant Facebook, providing the stability and long-term support that tech giants can provide. React became open source in May 2013, enabling its community to create numerous third-party libraries. One of the biggest differences between Vue and React is the way the view layer is built. By default, Vue uses HTML templates, but there is an option to write in JSX.

In React, on the other hand, there is only JSX. Vue’s traditional separation of concerns into HTML, CSS, and JS makes it easier for front-end developers to learn how to create Web applications, even for beginners. HTML templates are also familiar to most Web designers, so they can improve collaboration between developers and designers.

The design philosophy

From official documentation

vue

React

The development perspective

The developerWhat do you like about vue.js

  • Easy to learncurve
  • elegantProgramming style and pattern
  • Student: OkThe document

The developerWhat you like about React

  • elegantProgramming style and pattern
  • richPackaging ecosystem
  • widelyuse

Vue vs React for what projects

Vue

As an incremental framework, Vue can be gradually integrated into existing projects based on project requirements. For example, add some interactivity to your Web application as a lightweight library. In fact, 76% of the developers who participated in the 2019 version of vue.js report cited ease of integration as Vue’s greatest strength.

Vue has an easy to learn curve and tools like Vue CLI 3 and Vue UI that are perfect for fast delivery of MVP and startup ideas. Therefore, Vue is also a cost-effective solution for small and medium sized applications. Don’t let that convince you that Vue isn’t suitable for large Web applications. Quite the opposite. Vue has a vast ecosystem of tools and supporting libraries that enable the framework to respond to the complex needs of enterprise-level applications.

React

Because React was created for large Web projects, choosing it for small and simple applications might be too big a choice. Although setting up a work project requires a lot of boilerplate code, the React architecture will eventually pay off in the long run. JSX enables developers to take full advantage of JavaScript’s capabilities – component view templates contain flow control and advanced IDE features such as auto-complete or listing. Unlike Vue, React has no official package for routing or state management. To build complex applications, you almost have to use third-party solutions. But the choices are vast. Experienced developers responsible for delivering high-level projects will know which of the many libraries will be the best choice to meet the business needs of a particular Web application.

The learning curve

Vue is light, easy to learn and easy to write. Integrating or migrating existing projects to Vue is faster and smoother thanks to its familiar template syntax and use of components. So vue.js is great for startups, but can also be used in large applications. Vue has official packages for state management, routing, or server-side rendering that have up-to-date support and ensure synchronization across the system. Using Vue CLI 3 and Vue UI, setting up projects and getting them ready for deployment is very fast. This, in turn, helps build MVPS quickly and efficiently.

React is a veteran of the JS world. With the company’s support for a large community and a larger ecosystem, React is ideally suited to building complex enterprise-level applications. Because of its maturity and community nature, it is more or less guaranteed to seek help and get timely and detailed answers.

The performance comparison

Updates to the application represent the user interface and something called the DOM. DOM is divided into virtual DOM and real DOM. Its kind can have a huge impact on the performance of all programming techniques.

Vue: Vue also uses the virtual DOM, but with better performance and no bugs than React! .

React: React uses the virtual DOM, which is lightweight and not browser-specific, eliminating performance issues. This is why React and the virtual DOM are popular.

Well-known companies using React and Vue

Here are the companies that use Vue:

  • Euronews
  • Behance
  • Alibaba (foreign website statistics, I feel how Ali do react more…)
  • The Denver nuggets
  • drops
  • .

What well-known companies or projects have vue.js used in actual production environments? React:

  • Facebook advertises the use of this technology for management.
  • Twitter’s ability to improve network performance has been well documented.
  • Instagram is a social media platform that supports photo sharing.
  • Whatsapp is a global messaging app.
  • zhihu
  • .

Refer to the link

React VS Vue

Web Apps Made with Vue.js and React

Vue vs React in 2021: Which Framework to Choose and When

React 英 文 版

Vue Chinese document

Statistical tools: Google Trends, Stack Overflow surveys