Foreword “No one wants Android”, these remarks are common, not strange, all say that the front end to dominate the river’s lake, in the end what front end technology fire?
But the update iteration of front-end technology is the fastest among all technologies. 19 years are you bald?
This article summarizes the hot technology points in 2019. Please plan your technology stack according to the development trend of the front end and grasp the key points.
This article mainly discusses the following technical points:
Vue, React, Angular WebAssembly,PWA applet, TypeScript Webpack,CLI tool
Vue continued to grow in 2018 and 2019. It has surpassed React in GitHub Stars, with domestic companies favoring Vue.
Angular has fewer fans than libraries like React and Vue, but it remains a popular choice for professional projects.
Whether it’s Vue3.0, Update 16.8, or Angular 8, the three frameworks are stabilizing in terms of technology, moving toward faster, smaller, more maintainable, easier to native, more fun for developers, and writing more and more alike.
2, WebAssembly
WebAssembly is designed to maximize performance, reduce file sizes, and support Web development in multiple languages by providing binary formats to run on the Web, and is already supported by all major browsers.
WebAssembly combined with the increasingly mature WebGL technology makes it increasingly possible to migrate large games and other applications to the browser.
With the basics in place and the drive for improved Web experiences, WebAssembly will begin to see more adoption.
PWA uses a variety of technologies to enhance the functionality of Web apps, emulating native features such as notification push, making Web apps offline and a seamless mobile/desktop experience.
(1) Mobile terminal: PWA can achieve performance comparable to that of Native APP. PWA is essentially a Web APP. With the help of some new technologies, it also has some features of Native APP and has both advantages of Web APP and Native APP.
(2) Desktop: Google and Microsoft will vigorously promote the DESKTOP version of PWA, and Web applications will achieve almost native experience on the desktop.
PWA will change the landscape between the front end and the mobile end. Coupled with the performance breakthrough that WebAssembly brings to JS, JavaScript will be applied to all fields, from mobile, to desktop applications, Internet of Things, VR, AR, games, etc.
4. Small programs
Small program is still hot, micro channel small program next plan, support NPM, small program cloud, visual programming, support subcontract, in addition to micro channel small program, there are headlines, Alipay, Baidu out of the small program.
5G era is coming soon, in the case of higher network speed, memory and CPU, the loading of small programs will be faster, to second open, small programs will have a wider range of applications.
5, Flutter
As Google’s open source mobile UI framework, Flutter can quickly build high-quality native user interfaces on iOS and Android. This year, Google I/O announced Flutter support for Web development.
Flutter is currently designed to be all-platform, with one set of code running on iOS, Android, the Web and the desktop simultaneously.
6, Webpack
Webpack, as an important popular tool in front-end engineering, integrates all kinds of front-end resources (including CSS and its precompilation scheme, JS and its precompilation scheme) into.js files and resource files (pictures). Webpack has been improved for 4 versions, and the V5 version will be released soon.
Some changes to Webpack5 remove deprecated features from Webpack 4. Make sure you do not display deprecation warnings when migrating to Webpack5.
Removed automatic Node.js polyfill;
Use persistent caching to improve build performance;
Improved long-term caching with better algorithms and defaults;
Clean up the internal structure without introducing any disruptive changes;
Introduce some breaking changes to use v5 for as long as possible.
7, CLI tools continue to popular various management tools of the CLI package creation, so that developers do not have to spend several days to tangle with the configuration of the problem, focus on the application and business logic, several framework of CLI tools are mainly as follows:
There will also be more improvements and optimizations in the CLI in 2019.
JavaScript has been criticized for not having statically typed variables. The main libraries that try to solve this problem are TypeScript, Flow, Reason, PureScript, and Elm.
TypeScript improves JavaScript’s object-oriented design capabilities by providing optional static typing and industry-approved classes (also supported by ES5+), generics, encapsulation, and interface object-oriented design capabilities.
TypeScript is more popular than others, Angular and Vue have adopted TypeScript as the standard for the developer community, and 2019 will see tremendous growth in TypeScript.
TypeScript will continue to evolve, perhaps the future of Javascript.
Finally, for developers, the only constant is the ability to learn, master the ability to learn will be able to cope with these trends and changes, wish you all the technological progress in 2019