With more than 120,000 support on Github, Vue.js defeated Angular and React by a considerable advantage to become the most popular JavaScript front-end framework. Although React is still king in terms of total market share, Angular is difficult to shake with its unique features. But from the perspective of our own team, we have been a loyal fan of Vue for some time, and the global developer community is following suit. So, what is the reason that Vue's support has risen over the months?
Simple Application Server
USD1.00 New User Coupon
* Only 3,000 coupons available.
* Each new user can only get one coupon(except users from distributors).
* The coupon is valid for 30 days from the date of receipt.
Vue may initially be the development needs of a new project of its founder Evan You. After years of development, it has become a mature framework with a mature ecosystem and development toolkit. In its development process, Vue attracted a large number of code contributors, sponsors and communicators.
However, in terms of market share and commercial applications of JS front-end frameworks, React is still a big winner. But there is no doubt that Vue will not disappear, it is continuously being recognized and put into practice step by step.
In fact, StateofJS's survey results show that the number of developers who have used Vue and will use Vue again rose from 19.6% in 2017 to 28.8% in 2018. In the same survey's "front-end framework with the highest user satisfaction", Vue received the highest score of 91.2%.
I think Vue got the highest score of 91.2% in this year's StateofJS front-end framework satisfaction survey, thanks to our users, our goal is to do better! Hope we can change the thinking of 568 people who don’t want to use it anymore;
— Evan You (@youyuxi) December 19, 2018
1. Why does Vue.js continue to grow?
Vue is built on the basis of Angular and React. It retains the advantages of Angular and React and adds its own unique ingredients, which ensures that Vue is good enough to attract the appetite of JS developers.
2. A gentle learning curve
Vue's gentle learning curve has won the hearts of beginners and advanced developers. The developers we surveyed in the State of Vue.js report said that the learning curve is the main reason why Vue has attracted the interest of many developers. After browsing the materials contained in the official guide, you can start developing your first Vue application without prior knowledge of ES2015, typescript, JSX or other front-end frameworks.
You only need a basic understanding of Javascript, HTML and CSS to start using Vue to build your applications. Of course, it would be better if you have some experience in using the framework, especially if you are building a complex web application (more on that later).
Vue's high accessibility helps fast-paced development teams to quickly produce results without spending a lot of time familiarizing themselves with redundant syntax extensions. Assembling a team for a project or integrating Vue into a project becomes easier and faster. Although there are not many Vue developers on the market at present, as long as they have experience in using React, developers can easily switch to Vue, and it only takes about a week to produce results.
Vue also reduces the time required to understand complex code (this is common when using Angular). This is particularly convenient for writing simple Web applications.
3. Modular and flexible development environment
Vue's web applications are built using components. Because Vue has provided developers with a lot of flexibility and adaptability according to project needs, and Vue's single-file components are loosely coupled, which can improve code reusability and shorten development time.
The component-based architecture is an ideal choice for building applications that will require expansion in the future. Vue requires modularization to build the system from the beginning when building large applications. But Vue also gives developers some flexibility here, because the bundlers recommended by Vue, Webpack, or Browserify have the ability to convert the source code later with the preprocessor of your choice.
4. The fun of development
In the Monterrail team, our developers often emphasize the sheer joy of building applications with Vue. The freedom to structure the code in the way developers like, and the non-inclined coding method is the main reason why Vue is popular among developers.
Sorting out the code base becomes a breeze, in fact everything you need is in the .vue file. From data models and templates to CSS, properties, calculated values and methods, you can find out how all components work, which saves you extra trouble.
5. Rich ecosystem and diversity of development tools
Vue meets all the needs of developers with a rich code base and a set of convenient development tools. These well-known tools designed to improve the coding experience include: Vuex for state management and Vue-routing for routing management. The latter can map single-page applications and corresponding URLs one-to-one to build single-page applications It becomes easy.
Vue also has its own official debugging tool devtools, which appears as a browser extension. devtools simplifies application debugging and inspection of component status and hierarchy. It allows real-time editing of the application, tracking of custom events and debugging of the application across time points to view previous versions and changes made.
6. Support mobile development
Vue provides developers with some solutions for cross-platform mobile user interface development. Including Weex created by Alibaba, and NativeScript, which is known for its massive library of tools, components and plug-ins. Recently, Ionic has also joined in.
Unlike React Native's "Learn once, write anything", Weex and Nativescript both claim "Write once, run it anywhere". This design enables you to manage the UI across multiple platforms in a transparent and repeatable manner. This is great.
7. Unique response mechanism
The data in various HTML elements is dynamically rendered in modern web applications. Vue's unique response mechanism can automatically refresh the user interface. This method saves a lot of time and extra lines of code so that developers can concentrate on developing other functions, thereby improving efficiency.
8. High performance
Vue.js is fast. Although it is not the fastest framework, the current features of Vue.js are enough to provide a perfect user experience for SPA and UI.
For mobile applications, Vue can launch applications faster than Angular and React. Given that 53% of users will abandon a website that takes more than 3 seconds to load, and mobile applications are now the first choice for websites to improve user experience, the high performance of Vue has become an important consideration when choosing a JavaScript front-end framework.
9. Support HTML template
This is a bit controversial, but the introduction of HTML-based templates improves work efficiency, especially for those of us who have HTML foundations. Vue's templates also help to introduce its quick response mechanism into existing web applications. The template is compiled by Vue to have virtual DOM rendering function. The advantage of this is that when the App state changes, Vue introduces the least operations to the DOM.
10. Active community communication
The vigorous development of the Vue community actively promotes the development of the framework. There are several large conferences dedicated to Vue every year around the world.
The Vue community does not just organize formal meetings. Vue informal communication has been carried out in many countries on six continents. Through a glass of beer or coffee, Vue developers can share their knowledge and experience of using the framework.
11. Easy to use
Vue.js has very good official documentation, so that developers can easily find all aspects of Vue they need. The official guide has examples and detailed descriptions. The API documentation also contains most of the problems and solutions that developers may encounter when coding.
Tutorial
In addition to learning Vue through the official guide, you can also learn programming skills in Vue through some available tutorials (including videos and examples). Some free tutorials will guide you to fully master Vue in interesting ways (such as Scrimba-it is a recommended tutorial for Vue).
Here is a list of other tutorials that might make you hooked on Vue:
Intro to Vue.js by Vue Mastery: https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance/
Vue on Laracasts: https://laracasts.com/series/learn-vue-2-step-by-step
Vue.js on Tutorialspoint: https://www.tutorialspoint.com/vuejs/
StackOverflow and official chat channel
For various code problems that are not covered in the tutorial, you can use Ask a question on StackOverflow to get the answers you want. New questions and replies will always pop up, so no matter how complex your question is, you are likely to get the answer you want.
When you encounter an urgent programming problem, you will not be alone. You can ask other coders for help in the official Vue chat channel, and you will receive a reply soon.
12. Vue continues to develop
Since Vue was released in 2014, many developers were reluctant to adopt it at the beginning because everyone was worried that it would be abandoned and the need to undertake the arduous and expensive task of merging code into another framework. Of course none of this happened. Evan You announced in September 2018 that it will release Vue.JS version 3.0. Although there is no clear release date so far, the importance of this update is that it is based on the contributions of the developers and solves the problems reported by everyone. . Without the support of well-known brand companies, Vue can quickly develop to the present is an amazing feat.
The Vue ecosystem is getting bigger and better, and it is getting more and more appreciation from developers and companies.
13. Who is using Vue?
Vue.js may not be the most popular Javascript front-end framework, but it has been accepted by big-name companies such as Alibaba, Grammarly, Xiaomi, Laracasts and Reuters. To better understand the advantages of Vue, you can browse a large number of UI components, websites, templates, plug-ins, applications, etc., or build your application by using Vue.
As for the back-end framework's support for Vue, PHP framework Laravel recommends using vue.js for front-end development, although this is not necessary.
14. Should I add Vue.js to my technology stack?
The answer is yes. However, Vue is not the only JS front-end framework worthy of attention and promising. You'd better test and use some frameworks first, and then see which frameworks suit your project needs.
So even if we like Vue, it is not a perfect framework. But we must admit that Vue has been as close to perfection as possible. And if we judge it based on its learning curve, continuity of maintenance, and ability to increase developer productivity, then Vue is the most dazzling star.
