React 的普及似乎在不斷增長,在 Stack overflow 2017 年最受歡迎的組件庫中而柑,React 處于領(lǐng)先地位:
React 的虛擬 DOM媒咳,聲明性地描述用戶界面和模擬界面狀態(tài)的能力,以及相對較低的門檻顽耳,都使 React 成為構(gòu)建 UI 很好的入門庫。使用 React 的另一個(gè)重要原因是組件斧抱。組件讓你把用戶界面分成獨(dú)立的辉浦,可重復(fù)使用的部分,并且將每個(gè)部分分開考慮掂恕。
以下推薦 11 個(gè)可考慮在后續(xù)應(yīng)用中使用的優(yōu)秀?React 組件庫弛槐,其中有一些已經(jīng)十分流行,也有一些是新出現(xiàn)的庫店枣。希望能對大家有所幫助叹誉。
React Material-UI 是一組實(shí)現(xiàn)了 Google 的 Material Design 全新設(shè)計(jì)語言的 React 組件钧唐。在 GitHub 上有超過3萬個(gè) star 匠襟,可能是最受歡迎的 React 組件庫酸舍,其 v1 版本即將發(fā)布。
React-Bootstrap 是一個(gè)可重復(fù)使用的 React 組件庫璧亮,也是最受歡迎的前端框架之一。目前同樣是在為1.0.0版本而積極開發(fā)中帘饶。也正因此群扶,在 1.0.0 正式發(fā)布之前镀裤,帶來的棄用或重大更改可能會(huì)給使用之前的版本的開發(fā)者帶來困惱暑劝。
React Toolbox 也是一組實(shí)現(xiàn) Google Material Design 規(guī)范的 React 組件「盗基于 ES6疚察、Webpack?和 CSS 模塊 (使用 SASS 編寫) 構(gòu)建。React Toolbox 很好的集成了 Webpack 工作流比驻,非常容易定制也非常靈活岛抄。
React Belle 是一套經(jīng)過優(yōu)化的 React 組件庫论皆,可以在移動(dòng)設(shè)備和桌面設(shè)備上使用。 樣式是高度可定制的感凤,因此你可以配置所有組件的基本樣式粒督,也可以單獨(dú)修改其中的每一個(gè)屠橄。參考示例
React Grommet 號稱企業(yè)應(yīng)用最先進(jìn)的 UX 框架礁哄,它提供豐富的用戶分類組件溪北,所有組件都簡單易用夺脾,跨瀏覽器兼容咧叭,且支持主題自定義烁竭。
6、React Components by Khan?Academy
這是?Khan Academy?構(gòu)建的一些可重復(fù)使用的 React 組件的集合生均,帶有內(nèi)聯(lián) CSS 和注釋腥刹。單個(gè)組件也可通過 Bit Scope 來安裝衔峰。
Material Components Web 是由 Google 的核心工程師和用戶體驗(yàn)設(shè)計(jì)師團(tuán)隊(duì)開發(fā)威彰,其組件使用可靠的開發(fā)工作流程來構(gòu)建漂亮而實(shí)用的 Web 項(xiàng)目穴肘。它已取代被棄用的 react-mdl 。
遵循 Ant Design 規(guī)范,React Ant Design 是一個(gè)開箱即用的高質(zhì)量 React 組件慨代,包含一系列的組件和 demo 。 它是用 TypeScript 編寫的氮惯,具有完整的定義類型想暗,并提供 NPM + webpack + dva 前端開發(fā)工作流程。
Semantic UI React 是Semantic UI的官方 React 集成告唆。目前已被 Netflix 和亞馬遜采用。
結(jié)合?React 和 Onsen UI 框架懂牧,以最快的方式構(gòu)建漂亮的高品質(zhì)混合移動(dòng)應(yīng)用程序僧凤。這是一個(gè)值得考慮的有趣的庫。
這是一個(gè)可以高效地渲染大型列表和表格數(shù)據(jù)的?React 組件庫途事,具有很少的依賴性,大多數(shù)都是由 NPM 自動(dòng)管理义图。
整理自:medium.com