推薦 11 個 React 開發(fā)需要的工具庫和兩個 Awesome 組件集合
1. React Material-UI:https://material-ui.com/
React Material-UI 是一套實現(xiàn)了 Google 的 Material Design 的 React 組件。它在 GitHub 上有 30k+ stars,大概是目前最受歡迎的 React 組件庫了。它的 v1 版本快要推出了。
2. React-Bootstrap:https://github.com/react-bootstrap/react-bootstrap
React-Bootstrap 是一個具有 Twitter 的 Bootstrap 的觀感的 React 組件庫。它的極簡風(fēng)格在社區(qū)中有很高的熱度,有超過 11k 的 stars。
3. React toolbox:http://react-toolbox.io/#/
React Toolbox 是一套實現(xiàn)了 Google Material Design 規(guī)范的 React 組件。它是基于如 CSS Modules(基于 SASS)、webpack 和 ES6 這樣的最新提案構(gòu)建的。它的網(wǎng)站提供了一個在線的組件 playground。
4. React Belle:https://github.com/nikgraf/belle
React Belle 是一套針對移動端和桌面端都有優(yōu)化的 React 組件。它的樣式可以高度定制,因此你可以配置所有組件通用的基礎(chǔ)樣式,也可以在每個組件中單獨修改樣式。這里也有一個 不錯的例子。
5. React Grommet:https://v2.grommet.io/
React Grommet 提供了相當(dāng)豐富的組件,這些組件按使用方式分類,所有的組件都是易用的、跨瀏覽器兼容的、支持主題定制的。
6. React Components by Khan Academy:http://khan.github.io/react-components/
Khan Academy 的 React 組件 是以有行內(nèi) CSS 和注釋的組件庫的形式發(fā)布的。單獨的組件也可以通過向 Bit 添加這個庫創(chuàng)建的 這個 Bit Scope 安裝。
7. Material Components Web:https://material.io/develop/web/
Material Components Web 是由 Google 的一個核心團隊的工程師和 UX 設(shè)計師開發(fā)的,它的組件支持可靠的開發(fā)工作流以構(gòu)建美觀且實用的 Web 項目。它取代了 react-mdl(現(xiàn)在已經(jīng)廢棄了),已經(jīng)有接近 7k 的 stars 了。
8. Ant Design React:https://ant.design/docs/react/introduce
根據(jù) Ant Design 的規(guī)范,React Ant Design 是一個包含了組件和 demo 的 React UI 庫。它是用 TypeScript 寫的,并有完整的類型定義,也提供了一個 npm + webpack + dva 的前端開發(fā)流程。
9. Semantic UI React:https://react.semantic-ui.com/
Semantic UI React 是 Semantic-UI-React 的官方整合庫。它有大概 5k 的 stars,并被 Netflix 和 Amazon 所采用,提供了有趣而靈活的“武器庫”。
10. Onsen UI:https://onsen.io/react/
Onsen UI React Components 可以與 Onsen UI 的 React bindings 一起使用,并提供了使用 React 和 Onsen UI 框架的混合開發(fā)移動應(yīng)用。它有 81 個貢獻者和超過 5.6k 的 stars,是個可以考慮的有意思的庫。
11. React Virtualized:https://github.com/bvaughn/react-virtualized
React Virtualized 有大概 8k 的 stars,它提供了可以高效渲染長列表和扁平數(shù)據(jù)的 React 組件。
墻裂推薦兩個 React 組件集合庫:
你可以很快地在上面兩個集合庫中找到你需要的 React 組件,然后你就可以使用 npm 或者 yarn 來安裝它們,并在任意的項目中進行修改。
