本篇文章來看看阿里巴巴那些熱門的前端開源項目，你都用過哪些？沒有用過的，可以試試！

如何快速入門VUE3.0：進入學習

全文概覽：

• Ant Design： 企業(yè)級 UI 設計語言和 React 組件庫

• Element UI： 基于 Vue 2.0 的桌面端組件庫

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

• Icejs： 基于 React 的中后臺應用解決方案

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

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

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

• Formily： MVVM 表單解決方案

• Rax： 跨容器的渲染引擎

• LowCodeEngine： 低代碼引擎

• Midway： 面向未來的云端一體 Node.js 框架

• BizCharts： 通用圖表組件庫

• Hilo： HTML5 互動游戲引擎

• XRender： 中后臺表單、表格、圖表解決方案

• Fusion Design： 企業(yè)級中后臺 UI 解決方案

1. Ant Design

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

• 提煉自企業(yè)級中后臺產(chǎn)品的交互語言和視覺風格。
• 開箱即用的高質(zhì)量 React 組件。
• 使用 TypeScript 開發(fā)，提供完整的類型定義文件。
• 全鏈路開發(fā)和設計工具體系。
• 數(shù)十個國際化語言支持。
• 深入每個細節(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 是一套為開發(fā)者、設計師和產(chǎn)品經(jīng)理準備的基于 Vue 2.0 的桌面端組件庫。

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

3. Egg.js

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

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

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

4. Icejs

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

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

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

5. UmiJS

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

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