ReactJs控制項庫哪個比較好?

我是一名ReactJs初學者,想找一套穩定的控制項庫整合到網站後台。

google了一下,排名第1的Elemental UI狀態是「under development」,排名第2的Material-UI居然連分頁控制項(Pagination)都沒有。


我主要關注 Material Design 和 ant.design 兩方面,Material Design 其實比較偏手機端或響應式設計,放到桌面端作管理系統其實不如 ant.design 好用;但反過來也是,雖然有 mobile ant design,但那個是 RN 的控制項庫,而且感覺目前還不是很完善。

然後就是組件風格, MaterialUI 的風格是全 inline-style,其實在 WEB 開發上可能會讓很多人不習慣;然後 react-mdl 是封裝的 mdl,基於 CSS,源碼是 scss 但拆得比較散想去修改的話估計得 fork 一個; ant.design 的則是一個統一入口文件的 scss,如果只是改基礎參數的話還算是可以相對獨立於框架進行自定義 import。

其次就看定製性高不高,當然如果希望有比較高的定製性的話,可能很多組件都得自己寫,成本就比較高了。

目前在內部系統剛開始嘗試 ant.design,不過其實也不算完全用 ant.design,用 React 基本都是自由組件自己喜歡的或是需要的。


  • TouchstoneJS - React.js powered UI framework for developing beautiful hybrid mobile apps.
  • Elemental UI
  • RSuite | 一個基於 React.js 的 Web 組件庫
  • Ant Design of React - Ant Design
  • Material-UI
  • React-Bootstrap
  • React + Foundation · Foundation as React components
  • Essence - React Material Design Framework
  • React-MDL: React Components for Material Design Lite
  • Belle - Configurable React Components with great UX
  • MUI - Material Design CSS Framework
  • Grommet
  • React Toolbox
  • react-blazecss 0.4.3 Demo
  • Pivotal UI: Intro
  • BFD UI
  • Semantic UI React
  • Amaze UI React - Amaze UI components build with React

更多更新會收集到:React UI 組件大集合 · Issue #80 · JimmyLv/jimmylv.github.io · GitHub


推薦螞蟻金服的antd


最開始接觸的是螞蟻的ant-design,因為用作內部(管理後台)項目,暫時沒有發現過多的bug,用的挺順手,結合了設計語言的組件,交互 狠漂亮。如果你想讓你的後台美麗一些,就用它吧


為什麼不看看React的專題庫呢 React專題 - Awesomes


推薦一個很好用的 React 單向數據流框架 npm install react-rebix --save


我靜哥寫的react-ui,,已經更新到第七版,git過千star。

https://github.com/Lobos/react-ui


推薦閱讀:

React Native 為何要新設計一個 ListView (FlatList )?
國內有哪些上線的react-native作品?
有哪些 React Native 開發的作品推薦嗎?
React、Angular和Vue.js三者中哪一個更易學,更容易理解?
如何評價 React Native Android?

TAG:前端開發 | 前端工程師 | 前端框架 | React | ReactNative |