Two months ago, I started an exploration of the domestic Internet front-end technology system. My technical vision has also been continuously expanded, and I have established a relatively complete system for the big front-end technology, and I can also have a good understanding of the current technical direction.
Let me first review the technical system of each major factory:
Ali article
Article link: Decryption of domestic BAT and other big factory front-end technology system – Ali (long article suggested collection)
In a word, Ali’s front-end technology system is very complete and has completed several rounds of evolution. It is second to none in China in terms of the completeness of infrastructure and the exploration of cutting-edge technologies such as Web IDE, intelligence and Serverless.
Baidu article
Article link: Decryption of domestic BAT and other large manufacturers front-end technology system
In a word, Baidu’s front-end technology started early, which vaguely shows the style of the KING of PC in those days. However, the backward business in the era of mobile Internet is also reflected in the construction of technical system, which has obviously felt a little outdated technology.
Tencent’s article
Article link: Decryption of domestic BAT and other large factory front-end technology system – Tencent
In a word, Tencent has always been seen as product-driven and silent, and in terms of technology, companies with profound technological precipitation such as Alibaba and Baidu have not left a deep impression. However, in recent years, with the rise of wechat platform, a relatively big breakthrough has been made in the development framework and cross-end isomorphism of wechat platform. At the same time, TWeb Conf and Tencent Live Developer Conference have also been held, and their influence in the industry has been expanding.
Ctrip article
Article link: Decryption of domestic BAT and other large manufacturers front-end technology system – Ctrip (long article recommended collection)
In a word, Ctrip has a basic RESEARCH and development team to guarantee its organizational structure. In the big front-end field, ctrip can converge and settle numerous basic platform services and technical frameworks, forming a relatively complete and unified basic framework capability, which well supports the rapid development of multiple apps and businesses.
Meituan article
Article links:
Declassify the front-end Technology System of BAT and other large domestic manufacturers
Declassify the front-end technology system of BAT and other big manufacturers in China
In a word, Meituan-Dianping’s business has been expanding and developing in recent years. The infrastructure team has been consolidating the basic capabilities of the platform, and the various business teams have their own talents. They have been accumulating frameworks and promoting them in and outside the company. Meituan-dianping has good achievements in engineering, code quality, cross-platform dynamic, component library and front-end framework. Meanwhile, each BU team has also built front-end technology system according to business characteristics.
Collect all
It can be seen that each major company has different directions for the construction of the big front end. In recent years, the industry summit of the big front end in China has emerged in an endless stream, making people dizzy. But after summarizing, we can still see the general context.
Infrastructure: Cloud capabilities have become the foundation of the Internet. It can be imagined that the cloud will become more and more powerful in the future, providing more standardized capabilities and allowing the front end to do more things autonomously.
Service layer: BFF/SSR is the main function of the front-end service layer. From the perspective of technology stack, Node->GraphQL->Serverless will be a general trend, especially the emergence of Serverless makes everyone see the possibility of front-end more independent flying.
Application layer: On top of the three front-end frameworks React, Vue and Angular, a series of application layer development frameworks with strong constraints, standardized architecture and plug-in extension have been formed. The emergence of such application frameworks plays a very important role in the precipitation of dACHang technology stack capacity.
UI Component library: The component library is no longer a simple encapsulation of UI components, but a complete set of design languages. At the same time, with the enrichment of the end, component library also from the PC end to the mobile end, small programs, more forms of data visualization and other richer performance.
Small program: Small program is a special product in China. With the rise of small program in wechat and Alipay, all major apps begin to build small program container, but it also becomes unbearable to cope with the development of multiple small program platforms. As a result, frameworks like React/Vue mpvue and WEPY have emerged to facilitate the continuation of the original front-end development mode, and then there are multi-terminal unified frameworks such as Taro and Uni-app to solve the problem of multi-terminal unified.
Cross-platform dynamic: Cross-platform and dynamic is always a hot topic about how to balance r&d efficiency and user experience. Whether it is Hybrid Web container enhancement or virtual operating environment solutions such as RN and Flutter, there are different application scenarios. In China, RN and Flutter technology have made great progress under the persistent pursuit of R&D efficiency and dynamic capability and the compromise of user experience. RN has entered the mature stage and the infrastructure construction of major companies is relatively perfect. Flutter is the hot chicken, in the midst of a technology bubble, but its future may be even better. Its cross-platform vision is more ambitious, and its future looks promising.
Intelligent engineering: large front-end r&d has long entered a large-scale, multi-team cooperation mode, so the engineering infrastructure plays a very important role in r&d efficiency, specification implementation, online abnormal performance monitoring and other aspects. At present, Ali’s cloud-based construction, such as Web IDE and cloud construction, has further improved its front-end engineering capability. At the same time, the direction of front-end intelligence is also very popular. There are many breakthroughs in the three directions of Pro Code, Low Code and No Code, and the front-end students are more and more determined on the road of self-revolution.
Write in the last
The technology of big front end has developed vigorously in the last 10 years, especially in the birth and maturity of the three frameworks, followed by the rapid development of big front end technology. In the future, with the development of 5G, artificial intelligence, AR/VR, IoT and other technologies, the diversity of terminals and interactions will surely give rise to more big front-end technologies. The future is promising, are you ready?
