react開發框架有:1、React Material UI;2、React Bootstrap;3、React Belle;4、React ToolBox;5、React Grommet;6、Semantic UI等等。
本教學操作環境:windows7系統、react16版本、Dell G3電腦。
React是現今最熱門的前端技術,而React最棒的一個特點就是有大量功能豐富的元件庫和開發框架可用。從按鈕到捲軸到工具條,應有盡有,而且這些組件可以各行其是,也可以組裝成複雜的UI,你也可以把UI分解成獨立的可服用的模組。
下面要介紹幾個非常重要又有用的React元件庫和開發框架,方便你在現有React元件基礎上快速拼裝UI:
1.React Material UI
Material UI是實現Google擬物設計原則的框架,包含大量元件,如工具列、表格、按鈕、導覽等等。甚至還為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功能。
更多程式相關知識,請造訪:程式設計影片課程! !
以上是react開發框架有哪些?的詳細內容。更多資訊請關注PHP中文網其他相關文章!