本篇文章來看看阿里巴巴那些熱門的前端開源項目,你都用過哪些?沒有用過的,可以試試!
如何快速入門VUE3.0:進入學(xué)習(xí)
全文概覽:
-
Ant Design: 企業(yè)級 UI 設(shè)計語言和 React 組件庫
-
Element UI: 基于 Vue 2.0 的桌面端組件庫
-
Egg.js: 企業(yè)級 Node.js 框架
-
Icejs: 基于 React 的中后臺應(yīng)用解決方案
-
UmiJS: 可插拔的企業(yè)級 React 應(yīng)用框架
-
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 設(shè)計語言和 React 組件庫。其具有以下特性:
- 提煉自企業(yè)級中后臺產(chǎn)品的交互語言和視覺風(fēng)格。
- 開箱即用的高質(zhì)量 React 組件。
- 使用 TypeScript 開發(fā),提供完整的類型定義文件。
- 全鏈路開發(fā)和設(shè)計工具體系。
- 數(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ā)者、設(shè)計師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的桌面端組件庫。
Github(⭐️ 52.5k):github.com/ElemeFE/ele…
3. Egg.js
Egg.js 是一個企業(yè)級 Node.js 框架,Egg 的插件機制有很高的可擴展性,一個插件只做一件事。Egg 通過框架聚合這些插件,并根據(jù)自己的業(yè)務(wù)場景定制配置,這樣應(yīng)用的開發(fā)成本就變得很低。其具有以下特性:
- 提供基于 Egg 定制上層框架的能力
- 高度可擴展的插件機制
- 內(nèi)置多進程管理
- 基于 Koa 開發(fā),性能優(yōu)異
- 框架穩(wěn)定,測試覆蓋率高
- 漸進式開發(fā)
Github(⭐️ 18.1k):github.com/eggjs/egg
4. Icejs
飛冰是一個基于 React 的研發(fā)解決方案,圍繞應(yīng)用研發(fā)框架 icejs 提供基礎(chǔ)的構(gòu)建、路由、調(diào)試等基礎(chǔ)能力以及微前端、一體化等領(lǐng)域能力,同時結(jié)合可視化操作、物料復(fù)用等方案降低研發(fā)門檻。其具有以下特性:
- 同時支持 Vite & Webpack 模式,業(yè)務(wù)可以按需選擇
- 開箱即用的工程能力:TypeScript/Webpack5/Vite/樣式方案/Mock/…
- 貼合業(yè)務(wù)的最佳實踐:目錄規(guī)范、代碼規(guī)范、路由方案、狀態(tài)管理、數(shù)據(jù)請求等
- 多種應(yīng)用模式:支持 SPA、MPA,同時支持服務(wù)端渲染 SSR 以及靜態(tài)構(gòu)建 SSG
- 強大的插件能力:官方所有能力都通過插件實現(xiàn),業(yè)務(wù)可以通過插件擴展各種能力
- 豐富的領(lǐng)域方案:微前端解決方案 icestark、一體化方案、React Hooks 解決方案 ahooks、表單方案 Formily 等
Github(⭐️ 17.3k):github.com/alibaba/ice
5. UmiJS
umi 是一個可插拔的企業(yè)級 react 應(yīng)用框架。Umi 以路由為基礎(chǔ)的,同時支持配置式路由和約定式路由,保證路由的功能完備,并以此進行功能擴展。然后配以生命周期完善的插件體系,覆蓋從源碼到構(gòu)建產(chǎn)物的每個生命周期,支持各種功能擴展和業(yè)務(wù)需求。它具有有很多非常有意思的特性,比如:
- 企業(yè)級,在安全性、穩(wěn)定性、最佳實踐、約束能力方面會考慮