What will be hot in 2022? What to learn? This paper is participating in”Talk about 2022 Tech Trends”The campaign
I am still young, dare not say the front development trend, the following is only my humble opinion.
Microfront-end: Front-end development mode in the cloud era
What is a micro front end?
The concept of micro-frontends, proposed in late 2016, has been settled for more than five years and is widely used in front-end fields. Micro-frontends, an architecture similar to microservices, are an architectural style consisting of independently delivered front-end applications that are broken up into smaller, simpler applications that can be developed, tested, and deployed independently, while remaining cohesive as a single product to users.
Why should we learn microfront-end?
Because the micro front end is very popular, so we should learn, of course, this is the front end ER can not refuse the reason, that at least we can see the value of the micro front end, what benefits to us in the project practice? It’s not hard to see from the micro front end concept:
- The best application scenario of the micro front end is the b-end management system (Boulder application), which can be compatible with the old system version and integrate the new system at the same time without affecting the use of users.
- Base applications, micro-applications, and micro-applications can be independently deployed, configured, and monitored without interfering with each other.
The current mature microfront-end framework
Single-spa: A javascript framework for front-end microservices, the community’s accepted mainstream microfront-end solution that can be developed on top of it.
Based on single-SPA secondary packaging, the Open source Framework of The Ari system is probably the most complete micro front-end solution you have ever seen 🧐.
Icestark: The open source framework of Ali Feibing team is a micro front end solution for large systems.
Overall, the micro front-end solution can indeed solve some pain points in our daily development process. With the open source framework becoming mature in practice, it can achieve painless migration of huge applications. It not only solves the problem of multiple development teams’ coordination, but also brings a safe sandbox and excellent performance experience.
Microfrontend will be an excellent solution in 2022 and beyond, and will be adopted by more and more front-end teams!
Vite: Next-generation front-end development and build tools
Why Vite?
Vite is a front-end build tool developed by You Dada (author of VUE – You Yuxi). It is a new front-end build tool that can significantly improve the front-end development experience.
When building large applications with mainstream packaging tools such as Webpack, Rollup, parcel, etc., it is not hard to find that with the continuous iterative construction of our projects, the cold start time is getting longer and longer, even within a few minutes. The explosion of mentality can greatly affect the developer’s effect and happiness.
Vite provides the source code in browser-native ESM mode. This essentially lets the browser take over part of the packaging: Vite simply transforms the source code when the browser requests it and makes it available on demand. Code is dynamically imported according to the situation, which is only processed if it is actually used on the current screen.
In Vite, HMR is executed on native ESM. When editing a file, Vite only needs to precisely inactivate the chain between the edited module and its nearest HMR boundary, so that HMR can always be updated quickly regardless of the size of the application.
Vite also uses HTTP headers to speed up whole page reloads (again letting the browser do more for us) : requests from source modules are negotiated in the Cache according to 304 Not Modified, while dependent module requests go through cache-control: Max-age =31536000,immutable Strong cache, so once cached they do not need to be requested again.
With the rapid construction of Vite, we are definitely concerned about the compatibility of native ES modules. Only with good compatibility can developers feel at ease to use Vite and choose Vite without hesitation.
All major browsers except Internet Explorer (yes, IE, developer’s nightmare) are now supported. If your target audience is Internet Explorer, however, don’t worry. The official @Vitejs/plugin-Legacy plugin provides support for traditional browsers that do not support ESM.
Vite is something every developer can look forward to
Vite is certainly unable to replace Webpack in a short time, but through the analysis of its startup link and its principle, it has the characteristics of fast service startup, lightweight and fast thermal overload, I believe that more developers will be applied to the ground. At the same time, github has surpassed 36.5K star in terms of community activity, and 2022 will be a prosperous year. It is called the next generation front-end development and build tool, and it deserves the name!
Low code: Liberates productivity
What is low code?
Low code is a translation of the English low-code, which is not Low at all. Low code is a software design pattern is understandable, for developers is to use the public ability to abstract into a component or module, so as to increase business between reusability, and low code platform is to provide a visual way, to let more people with no experience in coding using the platform’s ability to provide, through the “pull, pull, pull” and other simple way to complete construction of the website.
The state of the low-code platform
First of all, we can analyze the current low-code platform industry overview from the “2021 China Low-code/no-code Industry Research Report” by Haibi Research Institute. It can be roughly divided into the following dimensions:
- Low code platform categories: Target population, technology, enterprise nature
- The low code requirements side is classified into scenario application type, product development type, platform ecology type and technology enabling type
- Analysis of market environment: policy support, increasing demand for enterprise digital construction year by year, and new technology maturity promote the rapid development of the industry
- Industry development cycle: The low code market is still in the transition stage from the entry stage to the growth stage, and the low code maturity is slightly higher
The following is the mature low code platform in the domestic market at present. If you are interested, you can go to the official website of the platform for details:
Low code application prospects
- The application type
The application type is mainly mobile terminal, which is related to the current Internet environment in China, and the penetration rate of mobile devices is high. In terms of more detailed application types, small programs are the type with the highest development demand at the present stage, thanks to the active layout of Tencent Cloud based on small programs and low code platform. Looking at the trend of application types in 2021 and the popularity of 5G network, it can be predicted that mobile devices will be the mainstream development trend in 2022.
- Business types
At present, it mainly focuses on data, equipment, collaborative office and RESEARCH and development. In the future, the demand for new technologies such as data warehouse, artificial intelligence and blockchain will increase significantly.
- Industry scene
In terms of industry scenarios, low-code platforms are still dominated by the Internet, professional services, retail, finance, education and other industries. It is believed that low-code platforms will continue to grow in these industries in 2022 and will lead the industry in digital upgrading.
conclusion
Technology itself is progressing in constant iteration, and new technologies emerge endlessly. How to view whether a technology is the future trend? In my opinion, it is a good technology to solve the pain points in the development process, enable business and improve production capacity. The technology mentioned above, all really meet the three conditions, I think in the future front-end field will be widely used, low code platform will become the new favorite of capital!