As a well-known Internet company in China, Tencent has made many open source contributions in the front-end field. This article will take stock of Tencent's 10 most popular front-end open source projects!
wujie
Unbounded micro-frontend is a micro-frontend framework based on Web Components + iframe, which has a series of advantages such as low cost, fast speed, native isolation, and strong functions. It can perfectly solve adaptation cost, style isolation, running performance, page white screen, sub-application communication, sub-application keep-alive, multi-application activation, vite framework support, application sharing, etc.
Github（star：2.3k）：https://github.com/Tencent/wujie
TDesign
TDesign is a complete enterprise-level design system with component library solutions based on technology stacks such as Vue / React / applets. TDesign has more advantages when used to build front-end applications that design a unified/cross-end multi-technology stack. TDesign is one multi-repo, which contains multiple code repositories:
Github（star：2.5k）：https://github.com/Tencent/tdesign
WebUI
WeUI is a set of basic style libraries that are consistent with WeChat's native visual experience. It is designed by WeChat's official design team for WeChat Web development, which can make users feel more unified. Contains various elements such as button, cell, dialog, progress, toast, article, actionsheet, icon, etc.
Github（star：26.7k）： https://github.com/Tencent/weui
WePY
WePY is a framework that allows small programs to support component-based development. Through pre-compilation, developers can choose their favorite development style to develop small programs. The optimization of the details of the framework, the introduction of Promise and Async Functions are all to make the development of small program projects easier and more efficient.
Github（star：22.1k）：https://github.com/Tencent/wepy
vConsole
A lightweight, extensible, front-end developer debugging panel for mobile web pages. vConsole is framework agnostic and can be used in Vue, React or any other framework. Now vConsole is the official debugging tool for WeChat Mini Programs.
Github（star：15.5k）：https://github.com/Tencent/vConsole
TMagic
The tmagic-editor visualization open source project is an open source project evolved from the Rubik's Cube platform, aiming to provide a solution for developers to quickly build a visualization platform.
Github（star：3.3k）：https://github.com/Tencent/tmagic-editor
Water
The Omi framework is a next-generation front-end framework developed by the WeChat Payline R&D Department. It is a componentized framework designed based on the Web Components specification and can use JSX/TSX to write HTML structures. You can develop PC Web, mobile H5, or directly use Omi to develop small programs.
Github（star：12.5k）：https://github.com/Tencent/omi
kbone
kbone is a solution dedicated to the isomorphism of WeChat applets and the web. kbone implements an adapter, which simulates the browser environment in the adaptation layer, so that the code on the web side can run in the applet without any changes. Because kbone implements isomorphism by providing adapters, its advantages are obvious:
-
Most of the popular front-end frameworks can run on kbone, such as Vue, React, Preact, etc.
-
Support more complete front-end framework features, because kbone will not modify the bottom layer of the framework (such as v-html instructions in Vue, Vue-router plug-ins).
-
Commonly used dom/bom interfaces are provided, so that user code can be migrated from the Web side to the Mini Program side without much modification.
-
When running on the applet side, you can still use the features of the applet itself (such as built-in components of live-player, subpackage function).
-
Some Dom extension interfaces are provided, so that some interfaces that are not perfectly compatible with the applet side also have alternative usage schemes (such as the getComputedStyle interface).
Github（star：747）：https://github.com/Tencent/kbone
Face2FaceTranslator
The face-to-face translation applet is a streaming voice translation applet developed by the WeChat team for face-to-face communication between Chinese and English. It is implemented based on the WeChat simultaneous interpretation plug-in package and provides Chinese and English speech recognition, text translation and other functions.
Github（star：747）：https://github.com/Tencent/Face2FaceTranslator
secguide
A code security guideline for developers to sort out risk points at the API level and provide detailed and feasible secure coding solutions. Code security guidelines can be used in the following scenarios: developers' daily reference, writing security system scanning policies, security component development, and vulnerability repair guidelines. This guide includes security guidelines for C/C++, JavaScript, Node.js, Go, Java, and Python.
Github（star：11.9k）：https://github.com/Tencent/secguide
The most important thing in learning a programming language is project practice, and it is also the most difficult for many students to handle, so we must strengthen our study in this area.
NetEase's 9 front-end project employment training camps
Netease famous teacher + exclusive case, 3 months to help you become a front-end engineer
0 basic entry front-end development, actual combat 9 enterprise-level projects, get through your two veins of Ren Du
- Realize the sublimation of Web front-end skills, build a perfect knowledge system for front-end development engineers, consolidate the knowledge learned and apply it proficiently
- Consolidate the foundation of Web front-end, use the core language and page test of front-end development proficiently, further improve the front-end development ability, and consolidate the development ability of mobile terminal
- .Understand the development process and deployment methods of mobile projects, learn to use professional framework development tools to actually develop enterprise-level projects, and experience the landing process of large-scale projects, and deeply understand projects and source code
- .Learn to use a Ul framework to complete project production independently and efficiently
-
(If you are interested, you can leave a message to understand)
How many of these open source projects have you used? Welcome to leave a message in the comment area~