值得在 2018 年嘗試的 11 個(gè) React 組件庫

React 的普及似乎在不斷增長,在 Stack overflow 2017 年最受歡迎的組件庫中,React 處于領(lǐng)先地位:

React 的虛擬 DOM,聲明性地描述用戶界面和模擬界面狀態(tài)的能力,以及相對(duì)較低的門檻,都使 React 成為構(gòu)建 UI 很好的入門庫。使用 React 的另一個(gè)重要原因是組件。組件讓你把用戶界面分成獨(dú)立的,可重復(fù)使用的部分,并且將每個(gè)部分分開考慮。

以下推薦 11 個(gè)可考慮在后續(xù)應(yīng)用中使用的優(yōu)秀?React 組件庫,其中有一些已經(jīng)十分流行,也有一些是新出現(xiàn)的庫。希望能對(duì)大家有所幫助。

1、React Material-UI

React Material-UI 是一組實(shí)現(xiàn)了 Google 的 Material Design 全新設(shè)計(jì)語言的 React 組件。在 GitHub 上有超過3萬個(gè) star ,可能是最受歡迎的 React 組件庫,其 v1 版本即將發(fā)布。

2、React-Bootstrap

React-Bootstrap 是一個(gè)可重復(fù)使用的 React 組件庫,也是最受歡迎的前端框架之一。目前同樣是在為1.0.0版本而積極開發(fā)中。也正因此,在 1.0.0 正式發(fā)布之前,帶來的棄用或重大更改可能會(huì)給使用之前的版本的開發(fā)者帶來困惱。

3、React Toolbox

React Toolbox 也是一組實(shí)現(xiàn) Google Material Design 規(guī)范的 React 組件?;?ES6、Webpack?和 CSS 模塊 (使用 SASS 編寫) 構(gòu)建。React Toolbox 很好的集成了 Webpack 工作流,非常容易定制也非常靈活。

4、React?Belle

React Belle 是一套經(jīng)過優(yōu)化的 React 組件庫,可以在移動(dòng)設(shè)備和桌面設(shè)備上使用。 樣式是高度可定制的,因此你可以配置所有組件的基本樣式,也可以單獨(dú)修改其中的每一個(gè)。參考示例

5、React?Grommet

React Grommet 號(hào)稱企業(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 來安裝。

7、Material Components Web

Material Components Web 是由 Google 的核心工程師和用戶體驗(yàn)設(shè)計(jì)師團(tuán)隊(duì)開發(fā),其組件使用可靠的開發(fā)工作流程來構(gòu)建漂亮而實(shí)用的 Web 項(xiàng)目。它已取代被棄用的 react-mdl 。

8. Ant Design?React

遵循 Ant Design 規(guī)范,React Ant Design 是一個(gè)開箱即用的高質(zhì)量 React 組件,包含一系列的組件和 demo 。 它是用 TypeScript 編寫的,具有完整的定義類型,并提供 NPM + webpack + dva 前端開發(fā)工作流程。

9、Semantic UI?React

Semantic UI React 是Semantic UI的官方 React 集成。目前已被 Netflix 和亞馬遜采用。

10、Onsen?UI

結(jié)合?React 和 Onsen UI 框架,以最快的方式構(gòu)建漂亮的高品質(zhì)混合移動(dòng)應(yīng)用程序。這是一個(gè)值得考慮的有趣的庫。

11、React Virtualized

這是一個(gè)可以高效地渲染大型列表和表格數(shù)據(jù)的?React 組件庫,具有很少的依賴性,大多數(shù)都是由 NPM 自動(dòng)管理。

整理自:medium.com

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容