七個不可錯過的 React 組件庫與開發框架

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

以下IT經理網介紹幾個非常重要而有用的React組件庫和開發框架，方便你在現有React組件基礎上快速拼裝UI：

1.React Material UI

Material UI 是實現谷歌擬物設計原則最流行的框架，包含大量組件，如工具條、表格、按鈕、導航等等。甚至還為UI設計提供了超過900個不同的SVG圖標。

2.React Bootstrap

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

3.React Belle

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

4.React ToolBox

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

5.React Grommet

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

6.Semantic UI

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

7.React With Bit

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

來自：http://web.jobbole.com/92392/