站長(zhǎng)資訊網(wǎng)本篇文章來(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ì)考慮
