React是如今最火爆的前端技術(shù)，而React最棒的一個(gè)特點(diǎn)就是有大量功能豐富的組件庫和開發(fā)框架可用。從按鈕到卷軸到工具條，應(yīng)有盡有，而且這些組件可以各行其是，也可以組裝成復(fù)雜的UI，你也可以把UI分解成獨(dú)立的可服用的模塊。

以下IT經(jīng)理網(wǎng)介紹幾個(gè)非常重要而有用的React組件庫和開發(fā)框架，方便你在現(xiàn)有React組件基礎(chǔ)上快速拼裝UI：

1.React Material UI

Material UI是實(shí)現(xiàn)谷歌擬物設(shè)計(jì)原則最流行的框架，包含大量組件，如工具條、表格、按鈕、導(dǎo)航等等。甚至還為UI設(shè)計(jì)提供了超過900個(gè)不同的SVG圖標(biāo)。

2.React Bootstrap

React Bootstrap提供面向React組件的Bootstrap重構(gòu)框架，Bootstrap是目前最流行的UI框架，將它與React組件合體，夫復(fù)何求？

3.React Belle

React Belle提供哦你一系列漂亮的，可配置的組件，包括開關(guān)、下拉列表框、評分、文本輸入、卡片等等。這個(gè)框架引以為傲的是為桌面和移動(dòng)端都做了優(yōu)化的同時(shí)，也支持進(jìn)行樣式上的高級自定義配置。

4.React ToolBox

React Toolbox是非常流行的React組件庫，包含大量擬物設(shè)計(jì)組件。React Toolbox基于最流行的方案例如CSS Modules（由SASS編寫），Webpack和ES6，能夠與Webpack工作流無縫集成，并且非常容易定制，也非常靈活。雖然包含多大十種組件，React Toolbox的可配置性非常高，提供絕佳的UI開發(fā)體驗(yàn)。

5.React Grommet

Grommet是一個(gè)非常強(qiáng)調(diào)體驗(yàn)的的React組件庫，所有組件都可訪問，具備跨瀏覽器兼容性且支持主題定制。通過對屬性的配置，組件的靈活性也可以進(jìn)一步提高。Grommet顏值很高，非常適合用來快速開發(fā)干凈簡潔，具備關(guān)鍵基本功能的UI。

6.Semantic UI

React Semantic UI是React官方集成的Semantic UI組件庫。作為一個(gè)開發(fā)框架，Semantic可用來創(chuàng)建界面美觀的響應(yīng)式布局，支持對HTML標(biāo)簽或組件渲染的控制。你也無需增加額外的嵌套組件來編輯組件功能和屬性。這對于同時(shí)使用MenuLinks和React-router來說非常重要。

7.React With Bit

Bit是一個(gè)非常強(qiáng)大的工具，可以調(diào)用任何其他應(yīng)用或者代碼庫中找到的任何組件。Bit在你的源代碼文件之上增加了一個(gè)虛擬層，幫助創(chuàng)建、管理和復(fù)用組件，而無需導(dǎo)入整個(gè)代碼庫。Bit會(huì)自動(dòng)解析文檔并在任意地點(diǎn)和框架中運(yùn)行組件測試，這使Bit成為一個(gè)極為有用的React組件工具。在Bit community hub社區(qū)，你還能找到所需的幾乎任何React UI功能。

相關(guān)資源：React組件和代碼庫列表