报价宝 › 科技 ›

5 个常用的reactjs UI框架

报价宝来源：baojiabao.com 发布时间：2019-11-15 00:51:00 11月12日更新

报价宝综合消息5 个常用的reactjs UI框架

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 MacIE 11+Android 4.4+, Chrome for Android 44+iOS Safari 7+Microsoft Edge 12+虽然某些元件可以在IE9中执行，但IE9不支援网格和其他flexbox元件，可能无法正确显示。.