01. Overview
As front-end developers, various frameworks are emerging in an endless stream, prompting us to keep learning to prevent backwardness, but we can't make every framework have time to learn. We only need to master the popular ones and the ones that have few pitfalls. Learn about the current popular front-end development framework from the following three aspects.
02. Cross-platform development framework
(1).uni-app--Develop once, multi-end coverage uni-app is a front-end framework for DCloud to use Vue.js to develop cross-platform applications. Developers write a set of codes that can be compiled to iOS, Android, H5, and applets And so on multiple platforms.
Frames
Github address:
https://github.com/dcloudio/uni-app
Official website address: https://uniapp.dcloud.io
If you have learned vue, you can develop WeChat applets, and you will be easy to learn about mpvue. Strongly recommend learning.
(2). Taro-Write once, run on multiple terminals Taro is a set of unified development framework for multiple terminals that follows the React grammar specifications created by JD-Bump Labs. Through Taro's compilation tool, the source code is compiled into code that can be run on different ends (WeChat applet, H***pp, fast app, etc.).
Github address:
http://github.com/nervjs/taro
Official website address: http://taro.aotu.io/
Multi- terminal UI component library : https://aotu.io/notes/2018/08/27/the-birth-of-taro-ui/
If you know React, it's easy to get started with Taro.
03. Mobile hybrid development framework
Hybrid development refers to JS development + native rendering of a set of code, which can be used on both iOS and Android.
(1). Flutter—Build beautiful native apps in extreme speed. Flutter is Google’s mobile UI framework that can quickly build high-quality native user interfaces on iOS and Android. Flutter Framework is an SDK built entirely by the Dart language, which implements a complete set of bottom-up basic libraries.
Framework
Official website address: https://flutterchina.club
(2). React Native--Use JavaScript and React to write native mobile applications. React Native (RN for short) is a cross-platform mobile application development framework open sourced by Facebook in April 2015. It is Facebook’s earlier open source JS framework React in native mobile applications A derivative product of the platform, it currently supports iOS and Android platforms.
Framework
Github address:
https://github.com/facebook/react-native
Official website address: https://reactnative.cn
(3). Weex-Web development experience to develop high-performance native application framework
Weex is committed to enabling developers to build Android, iOS and Web applications based on a common cross-platform Web development language and development experience. Simply put, after integrating WeexSDK, you can use JavaScript language and front-end development experience to develop mobile applications.
Vue.js and Rax are the front-end frameworks most widely used in Weex development, and they are also the most comprehensive and stable solutions currently available.
Framework
Github address:
https://github.com/apache/incubator-weex?spm=a2c7j.-zh-.0.0.45dac8eec3weZx
Official website address:
https://weex.apache.org/zh/
04. Front-end development framework
(1). Vue-Progressive JavaScript framework
The Vue framework is a progressive framework for building user interfaces. It can be applied layer by layer from bottom to top. Vue's core library only focuses on the view layer, which is easy to use and easy to integrate with third-party libraries.
Github address:
https://github.com/vuejs/vue
Official website address:
https://weex.apache.org/zh/
(2). React-JavaScript library for building user interface
React makes it easy to create interactive UIs. Design a concise view for each state of your application. React can effectively update and render components correctly when the data changes.
Github address:
https://github.com/facebook/react/
Official website address:
https://react.docschina.org
(3). Angular-a set of frameworks, multiple platforms, mobile & desktop
Angular is a powerful front-end framework, its main strength is that it can bind static pages with dynamic data. First of all, Angular is an MVC framework. The difference between it and jquery is that the former is dedicated to decoupling mvc code and uses model, controller and view methods to organize the code, while the latter provides you with a lot of API functions, so you don’t need to write a lot of native js to achieve more complex effects, such as animation, $.animate,
Github address:
https://github.com/angular/angular
Official website address: https://www.angular.cn
The front-end framework is indispensable with the combination of UI component frameworks.