<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          推薦 11 個 React 開發(fā)需要的工具庫和兩個 Awesome 組件集合

          共 1922字,需瀏覽 4分鐘

           ·

          2019-05-08 16:21

          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 組件集合庫:

          1. https://github.com/enaqx/awesome-react
          2. https://github.com/brillout/awesome-react-components

          你可以很快地在上面兩個集合庫中找到你需要的 React 組件,然后你就可以使用 npm 或者 yarn 來安裝它們,并在任意的項目中進行修改。

          瀏覽 152
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  国产精品久久久久久久久久青青 | 色点点点丁香五月天 | 国产一在线 | 亚洲综合在线激情 | 成人网站视频 |