本篇文章來(lái)看看阿里巴巴那些熱門(mén)的前端開(kāi)源項(xiàng)目，你都用過(guò)哪些？沒(méi)有用過(guò)的，可以試試！

如何快速入門(mén)VUE3.0：進(jìn)入學(xué)習(xí)

全文概覽：

• Ant Design： 企業(yè)級(jí) UI 設(shè)計(jì)語(yǔ)言和 React 組件庫(kù)

• Element UI： 基于 Vue 2.0 的桌面端組件庫(kù)

• Egg.js： 企業(yè)級(jí) Node.js 框架

• Icejs： 基于 React 的中后臺(tái)應(yīng)用解決方案

• UmiJS： 可插拔的企業(yè)級(jí) React 應(yīng)用框架

• G2： 數(shù)據(jù)驅(qū)動(dòng)的高交互可視化圖形語(yǔ)法

• ahooks： 高質(zhì)量可靠的 React Hooks 庫(kù)

• Formily： MVVM 表單解決方案

• Rax： 跨容器的渲染引擎

• LowCodeEngine： 低代碼引擎

• Midway： 面向未來(lái)的云端一體 Node.js 框架

• BizCharts： 通用圖表組件庫(kù)

• Hilo： HTML5 互動(dòng)游戲引擎

• XRender： 中后臺(tái)表單、表格、圖表解決方案

• Fusion Design： 企業(yè)級(jí)中后臺(tái) UI 解決方案

1. Ant Design

Ant Design 是一套企業(yè)級(jí) UI 設(shè)計(jì)語(yǔ)言和 React 組件庫(kù)。其具有以下特性：

• 提煉自企業(yè)級(jí)中后臺(tái)產(chǎn)品的交互語(yǔ)言和視覺(jué)風(fēng)格。
• 開(kāi)箱即用的高質(zhì)量 React 組件。
• 使用 TypeScript 開(kāi)發(fā)，提供完整的類(lèi)型定義文件。
• 全鏈路開(kāi)發(fā)和設(shè)計(jì)工具體系。
• 數(shù)十個(gè)國(guó)際化語(yǔ)言支持。
• 深入每個(gè)細(xì)節(jié)的主題定制能力。

• Ant Design Github（⭐️ 81.5k）：github.com/ant-design/…
• Ant Design Pro Github（⭐️ 32.7k）：github.com/ant-design/…
• Ant Design Mobile Github（⭐️ 10.5k）：github.com/ant-design/…

2. Element UI

Element 是一套為開(kāi)發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的桌面端組件庫(kù)。

Github（⭐️ 52.5k）：github.com/ElemeFE/ele…

3. Egg.js

Egg.js 是一個(gè)企業(yè)級(jí) Node.js 框架，Egg 的插件機(jī)制有很高的可擴(kuò)展性，一個(gè)插件只做一件事。Egg 通過(guò)框架聚合這些插件，并根據(jù)自己的業(yè)務(wù)場(chǎng)景定制配置，這樣應(yīng)用的開(kāi)發(fā)成本就變得很低。其具有以下特性：

• 提供基于 Egg 定制上層框架的能力
• 高度可擴(kuò)展的插件機(jī)制
• 內(nèi)置多進(jìn)程管理
• 基于 Koa 開(kāi)發(fā)，性能優(yōu)異
• 框架穩(wěn)定，測(cè)試覆蓋率高
• 漸進(jìn)式開(kāi)發(fā)

Github（⭐️ 18.1k）：github.com/eggjs/egg

4. Icejs

飛冰是一個(gè)基于 React 的研發(fā)解決方案，圍繞應(yīng)用研發(fā)框架 icejs 提供基礎(chǔ)的構(gòu)建、路由、調(diào)試等基礎(chǔ)能力以及微前端、一體化等領(lǐng)域能力，同時(shí)結(jié)合可視化操作、物料復(fù)用等方案降低研發(fā)門(mén)檻。其具有以下特性：

• 同時(shí)支持 Vite & Webpack 模式，業(yè)務(wù)可以按需選擇
• 開(kāi)箱即用的工程能力：TypeScript/Webpack5/Vite/樣式方案/Mock/…
• 貼合業(yè)務(wù)的最佳實(shí)踐：目錄規(guī)范、代碼規(guī)范、路由方案、狀態(tài)管理、數(shù)據(jù)請(qǐng)求等
• 多種應(yīng)用模式：支持 SPA、MPA，同時(shí)支持服務(wù)端渲染 SSR 以及靜態(tài)構(gòu)建 SSG
• 強(qiáng)大的插件能力：官方所有能力都通過(guò)插件實(shí)現(xiàn)，業(yè)務(wù)可以通過(guò)插件擴(kuò)展各種能力
• 豐富的領(lǐng)域方案：微前端解決方案 icestark、一體化方案、React Hooks 解決方案 ahooks、表單方案 Formily 等

Github（⭐️ 17.3k）：github.com/alibaba/ice

5. UmiJS

umi 是一個(gè)可插拔的企業(yè)級(jí) react 應(yīng)用框架。Umi 以路由為基礎(chǔ)的，同時(shí)支持配置式路由和約定式路由，保證路由的功能完備，并以此進(jìn)行功能擴(kuò)展。然后配以生命周期完善的插件體系，覆蓋從源碼到構(gòu)建產(chǎn)物的每個(gè)生命周期，支持各種功能擴(kuò)展和業(yè)務(wù)需求。它具有有很多非常有意思的特性，比如：

• 企業(yè)級(jí)，在安全性、穩(wěn)定性、最佳實(shí)踐、約束能力方面會(huì)考慮