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功能。