阿里巴巴那些熱門的前端開源項目懒浮，你都用過哪些？
全文概覽：
- 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 提供基礎的構(gòu)建伟叛、路由、調(diào)試等基礎能力以及微前端脐嫂、一體化等領域能力统刮，同時結(jié)合可視化操作紊遵、物料復用等方案降低研發(fā)門檻。其具有以下特性：
- 同時支持 Vite & Webpack 模式侥蒙，業(yè)務可以按需選擇
- 開箱即用的工程能力：TypeScript/Webpack5/Vite/樣式方案/Mock/...
- 貼合業(yè)務的最佳實踐：目錄規(guī)范暗膜、代碼規(guī)范、路由方案鞭衩、狀態(tài)管理学搜、數(shù)據(jù)請求等
- 多種應用模式：支持 SPA、MPA论衍，同時支持服務端渲染 SSR 以及靜態(tài)構(gòu)建 SSG
- 強大的插件能力：官方所有能力都通過插件實現(xiàn)瑞佩，業(yè)務可以通過插件擴展各種能力
- 豐富的領域方案：微前端解決方案 icestark、一體化方案坯台、React Hooks 解決方案 ahooks炬丸、表單方案 Formily 等
Github（?? 17.3k）：github.com/alibaba/ice
5. UmiJS
umi 是一個可插拔的企業(yè)級 react 應用框架。Umi 以路由為基礎的蜒蕾，同時支持配置式路由和約定式路由御雕，保證路由的功能完備，并以此進行功能擴展滥搭。然后配以生命周期完善的插件體系酸纲，覆蓋從源碼到構(gòu)建產(chǎn)物的每個生命周期，支持各種功能擴展和業(yè)務需求瑟匆。它具有有很多非常有意思的特性，比如：
- 企業(yè)級疾嗅，在安全性论悴、穩(wěn)定性、最佳實踐、約束能力方面會考慮更多
- 插件化香伴，啥都能改乡洼，Umi 本身也是由插件構(gòu)成
- MFSU，比 Vite 還快的 Webpack 打包方案
- 基于 React Router 6 的完備路由
- 默認最快的請求
- SSR & SSG
- 穩(wěn)定白盒性能好的 ESLint 和 Jest
- React 18 的框架級接入
- Monorepo 最佳實踐
Github（?? 12.9k）：github.com/umijs/umi
6. G2
G2 一套面向常規(guī)統(tǒng)計圖表礁遵，以數(shù)據(jù)驅(qū)動的高交互可視化圖形語法，具有高度的易用性和擴展性。使用 G2耽梅，你可以無需關(guān)注圖表各種繁瑣的實現(xiàn)細節(jié)，一條語句即可使用 Canvas 或 SVG 構(gòu)建出各種各樣的可交互的統(tǒng)計圖表竟贯。
Github（?? 11.3k）：github.com/antvis/g2
7. ahooks
ahooks 是一套高質(zhì)量可靠的 React Hooks 庫，在當前 React 項目研發(fā)過程中逝钥，一套好用的 React Hooks 庫是必不可少的，希望 ahooks 能成為您的選擇。其具有以下特性：
- 易學易用
- 支持 SSR
- 對輸入輸出函數(shù)做了特殊處理艘款，且避免閉包問題
- 包含大量提煉自業(yè)務的高級 Hooks
- 包含豐富的基礎 Hooks
- 使用 TypeScript 構(gòu)建持际，提供完整的類型定義文件
Github（?? 10.1k）：github.com/alibaba/hoo…
8. Formily
Formily 是一個抽象了表單領域模型的 MVVM 表單解決方案。在 React 中哗咆，在受控模式下蜘欲，表單的整樹渲染問題非常明顯。特別是對于數(shù)據(jù)聯(lián)動的場景晌柬，很容易導致頁面卡頓姥份，為了解決這個問題，F(xiàn)ormily 將每個表單字段的狀態(tài)做了分布式管理年碘，從而大大提升了表單操作性能澈歉。同時，深度整合了 JSON Schema 協(xié)議屿衅，可以幫助你快速解決后端驅(qū)動表單渲染的問題埃难。其具有以下特點：
- 高性能
- 開箱即用
- 聯(lián)動邏輯實現(xiàn)高效
- 跨端能力，邏輯可跨框架涤久，跨終端復用
- 動態(tài)渲染能力
Github（?? 8.3k）：github.com/alibaba/for…
9. Rax
Rax 是阿里巴巴應用最廣泛的跨端解決方案涡尘，支持開發(fā)者通過類 React DSL 編寫 Web、小程序响迂、Flutter 等不同容器的跨端應用考抄。其具有以下特性：
- Rax 語法層面以 React 為標準，可以使用 Hooks蔗彤、Context 等 80% 以上支持度的 React API
- 官方配套的研發(fā)框架 Rax App座泳，支持 TypeScript、Less/Sass 等基礎工程能力幕与，同時支持 MPA挑势、SPA、SSR 多種能力
- 支持通過完整的 Rax 語法開發(fā)跨支付寶/微信/字節(jié)等不同廠商的小程序啦鸣，同時可降級到 Web
- 基于 Web 標準支持跨多容器的跨端應用潮饱，包含 Web 應用、Flutter 應用（Kraken）诫给、Weex 應用
- 豐富的跨端生態(tài)香拉，比如跨端組件 Fusion Mobile，跨端 API Uni API
Github（?? 7.8k）：github.com/alibaba/rax
10. LowCodeEngine
LowCodeEngine 低代碼引擎是一款為低代碼平臺開發(fā)者提供的中狂，具備強大擴展能力的低代碼研發(fā)框架凫碌。由阿里巴巴前端委員會、釘釘宜搭聯(lián)合出品胃榕。使用者只需要基于低代碼引擎便可以快速定制符合自己業(yè)務需求的低代碼平臺盛险。其具有以下特點：
- 提煉自企業(yè)級低代碼平臺的面向擴展設計的內(nèi)核引擎，奉行最小內(nèi)核，最強生態(tài)的設計理念
- 開箱即用的高質(zhì)量生態(tài)元素苦掘，包括 物料體系换帜、設置器、插件 等
- 完善的工具鏈鹤啡，支持 物料體系惯驼、設置器、插件 等生態(tài)元素的全鏈路研發(fā)周期
- 強大的擴展能力递瑰，已支撐近 100 個各種垂直類低代碼平臺
- 使用 TypeScript 開發(fā)祟牲，提供完整的類型定義文件
Github（?? 7.6k）：github.com/alibaba/low…
11. Midway
Midway 是一個適用于構(gòu)建 Serverless 服務，傳統(tǒng)應用抖部、微服務说贝，小程序后端的 Node.js 框架。它可以使用 Koa您朽，Express 或 Egg.js 作為基礎 Web 框架狂丝。它還提供了獨立使用的基本解決方案，例如 Socket.io哗总，GRPC几颜，Dubbo.js 和 RabbitMQ 等。此外讯屈，Midway 也適用于前端/全棧開發(fā)人員的 Node.js 無服務器框架蛋哭。構(gòu)建下一個十年的應用程序′棠福可在 AWS谆趾，阿里云，騰訊云和傳統(tǒng) VM /容器上運行叛本。與 React 和 Vue 輕松集成沪蓬。
Github（?? 5.9k）：github.com/midwayjs/mi…
12. BizCharts
BizCharts是阿里通用圖表組件庫，致力于打造企業(yè)中后臺高效来候、專業(yè)跷叉、便捷的數(shù)據(jù)可視化解決方案，基于 G2與G2Plot封裝的React圖表庫营搅，已經(jīng)歷阿里復雜業(yè)務場景長達三年的洗禮云挟，在靈活性、易用性转质、豐富度上滿足常規(guī)圖表和高度自定義圖表的業(yè)務實現(xiàn)园欣。
Github（?? 5.9k）：github.com/alibaba/Biz…
13. Hilo
Hilo 是阿里巴巴集團開發(fā)的一款HTML5跨終端游戲解決方案，ta可以幫助開發(fā)者快速創(chuàng)建HTML5游戲休蟹。其具有以下特性：
- Hilo 支持多種模塊范式的包裝版本沸枯，包括AMD日矫，CMD，COMMONJS辉饱，Standalone多種方式接入搬男。另外拣展，你可以根據(jù)需要新增和擴展模塊和類型彭沼；
- 極精簡的模塊設計，完全面向?qū)ο螅?/li>
- 多種渲染方式, 提供DOM备埃，Canvas姓惑，F(xiàn)lash，WebGL等多種渲染方案（目前已經(jīng)申請專利）按脚；
- 全端瀏覽器的支持和高性能方案于毙，獨有的Flash渲染方案，即使在低版本IE瀏覽器下也可以跑起來“酷炫”游戲辅搬； DOM渲染方案能顯著解決低性能手機瀏覽器遇到的性能問題唯沮；
- 物理引擎支持——Chipmunk，支持自擴展物理實現(xiàn)堪遂；骨骼動畫支持——DragonBones介蛉，同時內(nèi)建骨骼動畫系統(tǒng)——Tahiti（目前內(nèi)部使用）；
- 案例豐富溶褪，框架成熟币旧，已經(jīng)經(jīng)歷多屆阿里巴巴雙十一，年中大促互動營銷活動考驗猿妈；
Github（?? 5.8k）：github.com/hiloteam/Hi…
14. XRender
XRender 是一個很易用的中后臺「表單 / 表格 / 圖表」解決方案吹菱。
Github（?? 4.9k）：github.com/alibaba/x-r…
15. Fusion Design
Fusion Design 是一種旨在提升設計與開發(fā)之間 UI 構(gòu)建效率的工作方式。通過建設基于 DPL 模式的彭则，設計鳍刷、前端之間的標準協(xié)議與工作流，來快速構(gòu)建符合業(yè)務訴求的 DPL俯抖，提升 DPL 的構(gòu)建效率和應用效率输瓜，幫助業(yè)務快速實現(xiàn) UI 構(gòu)建。
Github（?? 4.2k）：github.com/alibaba-fus…
