React-Better-Admin中臺前端解決方案

Ant Design Pro 是 Ant Design 官方推出的非常優(yōu)秀的、開箱即用的、中臺前端解決方案，而 React-Better-Admin 也是向 Ant Design Pro 學習，對標 Ant Design Pro，打造 "另一套" 優(yōu)秀的、開箱即用的、中臺前端解決方案。

特點

• 1、基于 TypeScript ??????
• 2、基于最新的 React 18 ??????
• 3、基于最流行的設計風格 Ant Design v5.x ????
• 4、基于 React Router v6.x 做路由管理，支持懶加載 ????
• 5、基于 Vite4 做項目編譯打包工具 ????
• 6、基于 Redux、Redux Toolkit 做狀態(tài)管理 ????
• 7、基于 RTK Query 請求管理 ??
• 8、完善的 國際化 配置支持 ??
• 9、完善的 登錄認證 配置支持 ??
• 10、完善的 權(quán)限管理 + 動態(tài)菜單 配置支持 ??
• 11、完善的 Mock 數(shù)據(jù)支持
• 12、友好的代碼風格和注釋...
• 13、基于 MIT 開源協(xié)議，放心商用，永久免費 ??????
• 14、更多小驚喜...

為什么不直接用 Ant Design Pro ，而全新開發(fā) React-Better-Admin 呢？ 我們團隊主要認為有以下幾個原因：

• 1、Ant Design Pro 是基于阿里自己的 Umi 進行開發(fā)的，我們團隊不熟悉 Umi ，并且 Umi 并不像 Redux、Vite4、React Router 那么流行（不給出數(shù)據(jù)了）。

• 2、Umi 自己包含了代碼構(gòu)建、測試、路由、狀態(tài)管理等能力，它既是一個打包工具、也是一個運行時依賴框架，從用戶需求角度來講： Umi = Vite4 + React Router + Redux + RTK Query （或者 Axios 等）。但是，在 React 的生態(tài)中，我們除了使用 React 來構(gòu)建 web 產(chǎn)品以外，還可能通過 React-Native 來構(gòu)建 app 應用，在這方面： React Router、Redux 都是支持非常友好，而 Umi 視乎沒有太多案例。

• 3、我們（包括用戶）基于 React-Better-Admin 開發(fā)出的商業(yè)產(chǎn)品進行銷售的時候，客戶公司的 ”技術(shù)架構(gòu)師“ 往往有很重話語權(quán)，而縱觀整個互聯(lián)網(wǎng)，使用 "React Router + Redux" 的架構(gòu)師，好像要比 Umi 多一些。

但無論如何，Ant Design Pro 非常優(yōu)秀，我們努力向它靠齊。

應用截圖

登錄頁面

崗位管理

開始使用 React-Better-Admin

Clone

git clone https://gitee.com/better-admin/react-better-admin.git

Install

cd react-better-admin
npm install

Run

vite