background

Independent front end team is not a new thing, in those dachang zhaizi has already existed, the development of the front end can be described as the peak of the day, a never had prosperity. The front three: HTML, CSS, JavaScript, these years have a qualitative leap. HTML5 compatibility improvements, multimedia support, form validation and more. CSS development to join the programming ability, JS field in a variety of scenarios based on Node large-scale application, a variety of framework innovation……

The integration of front-end technology is closer and the application fields are more extensive. The big front-end era can also be called the pan-GUI era and human-computer interaction era. The content of the front-end field presents diversification, mobile phone App development, considering the difference in ecology, will also involve Android, iOS, WP, ETC., TV App application, desktop development, wechat public number, wechat/Alipay small program, data display (various charts), JS has become one of the four IoT development languages, JS is also involved in the development of blockchain smart contracts, front-end development also plays an important role in artificial intelligence, and so on

In such a multifarious technology, how to choose a suitable technology stack will be very important. The current front-end frameworks are mainly React, Vue and Angular frameworks. So which technical framework to choose becomes the top priority for many front-end ER 🤔 to think about. Then compare vUE and React, which are popular in China. (Ng’s popularity is decreasing in recent years, so I won’t compare it here.)

In recent years, it seems that VUE has blossomed everywhere in China. Friendly Chinese documents, numerous templates, and low threshold have become the primary choice for many small companies to develop quickly. Of course, VX small program adopts the syntax sugar way similar to VUE, which is a new star in the honeymoon period of VUE in China, adding a fire. So is VUE the right technology stack for you in the long run?

At present, in addition to the most popular VUE in China, the react technology stack is the only second VUE. React-facebook was launched in 2013, four years after Angular, but became a runaway hit thanks to its innovative VirtualDOM that beat angularJS in terms of performance. Many features, VirtualDOM, JSX, Diff algorithm, Fiber, ES6 syntax support, the use of functional programming, the threshold is slightly higher, but also more flexible, can make the development has more possibilities.

Maybe a lot of people will say that kids make choices and adults all want them! But consider that each of us has a finite amount of energy. Recently, VUE launched VUe3, proposed Hook, and React launched 17, which optimized many problems caused by Fiber architecture and paved the way for Act18 in advance. With each individual technology being updated so frequently, it’s easy to lose the ability to focus on the periphery and community of a technology stack.

cli

Umi is ant Financial’s bottom-layer front-end framework based on React, which can develop H5 wireless applications, Hybrid applications, pure front-end assets applications, and CMS applications. Umi built-in routing, construction, deployment, testing, and so on, only a dependency can get started development.

Vue CLI is vUE’s official scaffolding tool with built-in support for Babel, TypeScript, ESLint, PostCSS, PWA, unit testing, and end-to-end testing.

Both are essentially integrated around their own technology, secondary encapsulation of Webpack, providing basic development configuration functions.

But in some ways umi is superior to vue CLI. For example, UMI provides SSR rendering and pre-selection dyeing.

Across the

Taro is an open cross-end cross-framework solution provided by JD, supporting the development of wechat, JD, Baidu, Alipay, Bytedance, QQ mini program, H5 and other applications using frameworks such as React, Vue, Nerv, etc.

Uni-app is a multi-terminal framework developed by DCloud based on vue.js. It can be published on iOS, Android, Web (responsive), mini programs (wechat/Alipay/Baidu/Toutiao /QQ/ Dingding/Taobao), kuaiapp and other platforms.

Official introductions have been so popular that Taro has even started supporting RN. However, in-depth search and research found that in fact, such frameworks are cross-terminal use can, if the separate development of H5 is not as convenient as choosing their respective CLI. If you choose one or the other, the need for simultaneous h5 and applets development is ok

In fact, vUE is superior in this convenience, thanks also to the fact that applets are similar to VUE syntax sugar. But the development experience is not that different

app

React Native is a cross-end iOS and Android framework developed by Facebook based on React. Hot update code is a powerful tool for frequent release, and its components and effects are completely different from the experience effects of native development

Weex is dedicated to enabling developers to build Android, iOS and Web applications based on common cross-platform Web development languages and development experience. In short, with the WeexSDK integrated, you can use the JavaScript language and front-end development experience to develop mobile applications.

Flutter is Google’s mobile UI framework for quickly building high-quality native user interfaces on iOS and Android. Flutter can work with existing code. Flutter is being used by more and more developers and organizations around the world, and Flutter is completely free and open source.

In fact, Flutter is the future of the above three options, but we need to learn the DART language, syntax, sugar and JS types. The only thing that is not good at present is that the UI library is not very large, and some major factories are using Flutter in some non-core projects.

React Native is the second. The syntax sugar of React greatly reduces the learning cost. And React Native is superior in terms of hot updates and the current level of community prosperity

PC – Background management project

Ant Design Pro is an enterprise-class back-end front-end/Design solution for React. It is based on Ant Design’s Design values and UMI scaffolding, and extracts typical templates/business components/supporting Design resources. (Pro-table strongly recommended)

There are so many vue templates that I really don’t know which one to recommend. Currently, there are many schemes using VUe-CLI + Ant Design.

Generally speaking, vUE is relatively more abundant from the perspective of templates. However, for such projects, react stack and Ant Design Pro are better choices.

To sum up the above comparison

In fact, it is not hard to see that the two stacks have their own strengths, but react is better in terms of overall revenue, but it is more difficult to get started. Vue is relatively simple, but the app may be relatively poor, WEEx seems to be in a state of unmanaged.

I hope this article can help you make a better choice of your own technology stack.

If helpful to you can give the author a like 👍!