5 個常用的reactjs UI框架

尋夢新聞LINE@每日推播熱門推薦文章,趣聞不漏接❤️

加入LINE好友

摘要:Ant Design為Web應用程序提供了企業級UI設計語言,其中包含一組開箱即用的高質量React組件。Firefox/Chrome/Safari/Opera:last 2 versions。

React-Bootstrap

React Bootstrap是最流行的前端框架的React的重建。React-Bootstrap是一個可重用的前端組件庫。你可以通過Facebook的React.js框架獲得Twitter Bootstrap的外觀,但代碼更清晰。 React-Bootstrap組件庫試圖遵循React.js原則,即應在單個位置定義單個功能。在組件頁面上查看當前的React-Bootstrap庫。。

github star 15K+, MIT 協議,最新版本v1.0.0-beta.9,支持bootstrap 4.3

瀏覽器兼容性:

官網回應:We aim to support all browsers supported by both React and Bootstrap.

Ant Design

Ant Design為Web應用程序提供了企業級UI設計語言,其中包含一組開箱即用的高質量React組件。它是用TypeScript編寫的,具有完整的定義類型。它適用於Modern瀏覽器和Internet Explorer 9+(使用polyfill)並支持服務器端渲染。在開發過程中,您可能需要編譯和調試JSX和ES2015代碼,甚至將一些請求代理到模擬數據或某些外部服務。所有這些都可以通過熱重新加載變化提供快速反饋來完成。

github star 47K+, MIT 協議,最新版本v3.19.5

瀏覽器兼容性:

IE / Edge: IE9, IE10, IE11, Edge

Firefox/Chrome/Safari/Opera/Electron:last 2 versions

React Toolbox

React Toolbox是一組做到Google Material Design規範的React組件。它建立在一些最時髦的提議之上,如CSS模塊(用SASS編寫),Webpack和ES6。該庫與您的Webpack工作流程和諧地集成,並且可以輕鬆定制並且非常靈活。

React Toolbox 默認使用 CSS模塊導入用SASS 編寫的樣式表 。如果您要導入已與CSS捆綁在一起的組件,您的模塊捆綁器應該能夠要求這些SASS模塊。

github star 8.4K+, MIT 協議,最新版本v2.0.0-beta.13

瀏覽器兼容性:

IE / Edge: IE11, Edge>14

Firefox/Chrome/Safari/Opera:last 2 versions

React Semantic UI

Semantic UI React是官方React集成Semantic UI。Semantic UI將單詞和類視為可交換的概念。類使用來自自然語言(如名詞/修飾符關係,詞序和多數)的語法來直觀地鏈接概念。語義使用稱為觸發功能的行為的簡單短語。組件中的任意決策都包含在開發人員可以修改的設置中。它配備了直觀的繼承系統和高級主題變量,讓您擁有完整的設計自由。它完全是jQuery免費的,並使用易於遵循的聲明API。

github star 9.7K+, MIT 協議,最新版本v0.87.2

瀏覽器兼容性:

Last 2 Versions FF, Chrome, Safari Mac

IE 11+

Android 4.4+, Chrome for Android 44+

iOS Safari 7+

Microsoft Edge 12+

雖然某些組件可以在IE9中運行,但IE9不支持網格和其他flexbox組件,可能無法正確顯示。.

Material UI

Material UI是一組實施Google Material Design指南的React組件。世界上最受歡迎的 React UI 框架。React 組件用於更快速、更簡便的 web 開發。你也可以建立你自己的設計系統,或者從 Material Design 開始。

github star 47K+, MIT 協議,最新版本v4.1.1

瀏覽器兼容性:

IE / Edge: IE11, Edge>14

Firefox:>= 52

Chrome: >= 49

Safari: >= 10

>5 個常用的reactjs UI框架

About 尋夢園
尋夢園是台灣最大的聊天室及交友社群網站。 致力於發展能夠讓會員們彼此互動、盡情分享自我的平台。 擁有數百間不同的聊天室 ,讓您隨時隨地都能找到志同道合的好友!