首頁 > web前端 > 前端問答 > react開發框架有哪些?

react開發框架有哪些?

青灯夜游
發布: 2023-01-04 09:36:28
原創
5622 人瀏覽過

react開發框架有:1、React Material UI;2、React Bootstrap;3、React Belle;4、React ToolBox;5、React Grommet;6、Semantic UI等等。

react開發框架有哪些?

本教學操作環境: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板