轉載請註明文章出處：tlanyan.me/recommond-a…
引言
jQuery時代，jQuery+後端模板+Bootstrap/Semantic就可輕鬆完成前後端開發。進入React/Angular/Vue年代，前後端生態漸行漸遠（程式設計方式上卻有殊途同歸的感覺），標榜為“全棧”的人更多是從前端通過Nodejs向服務端滲透。前端框架和工具日新月異，專業前端尚且學不動，更不用說業餘的後端。定位為服務端開發，所以一直不太願意寫前端頁面。
但很多時候需要一個人做前後端開發，寫HTML/JavaScript/CSS勢在必行。這時候有一個好用的前端模板/庫/框架可大幅節省後端的生命。熟悉React的開發人員，遇到後臺開發需求時，推薦使用marmelab的react-admin。
react-admin
在GitHub上搜"react admin"，排名第二位就是react-admin，star數達到5k。排名第一的ReactJS-AdminLTE本人也使用過，其與react admin的區別是：前者是前端模板，後者是前端開發框架。劃重點：前端開發框架。根據實際使用，此言不虛。
react-admin是基於React和Material Design的管理後臺前端開發框架，官方網址是：marmelab.com/react-admin，Github專案地址：github.com/marmelab/re…，演示地址：marmelab.com/react-admin…。其前身是admini-on-rest，2.x版本後改名為react-admin。
作為開發框架，react-admin重點不是華麗、漂亮的頁面示例，而是適用於後臺開發的一整套解決方案。其重要特性包括：
- 認證和授權（Authentication and Authorization），對使用者身份和許可權進行檢查，通過
authProvider提供； - 後端通訊，支援
REST/SOAP等，由dataProvider提供； - 資料更新和刪除操作回滾（有限制）;
- 支援排序、分頁、搜尋的
Datagrid檢視； - 前端資料校驗；
- 國際化支援，由
i18nProvider提供； - 主題支援。
react-admin有完整詳細的文件，根據官網的"15分鐘"教程(marmelab.com/react-admin…)，可迅速開發出帶有登入、對資料表CRUD的管理後臺，非常實用。深入框架的各方面，需要繼續閱讀各專題文件。文件完整詳細，並有示例程式碼，熟悉React的開發能在一兩天內摸清框架各方面，得心應手的開發後臺各種功能。
結論
作為一個基於React的管理後臺SPA開發框架，react-admin幾乎覆蓋了前端開發中的方方面面，功能強大且實用。介面風格基於Material Design，根據文件中開發出的介面比較簡潔。如果需要比較美觀的介面（圖表、表單、列表等），可參考其他前端模板，例如AdminLTE。