Bootstrap是最流行的前端框架的React的重建,帮助到更多的前端开发者们

React-Bootstrap

作者:wuhen147
原稿地址:
http://www.oschina.net/news/69788/2015-opensource-frontend-framework-top20

React
Bootstrap是最盛行的前端框架的React的重新建设布局。React-Bootstrap是二个可接收的前端组件库。你能够经过脸书的React.js框架获得推特Bootstrap的外观,但代码更明显。
React-Bootstrap组件库试图信守React.js原则,即应在单个地点定义单个功效。在组件页面上查看当前的React-Bootstrap库。。

React 的推广好似在不停加强,在 Stack overflow 2017
年最受招待的机件库中,React 处于当先地位:

2014年曾经寿终正寝了,作为一个前端开荒者,笔者觉着有不能够缺乏把过去一年支持过自家或朋友们的杰出开源前端框架做个盘点,希望这个连串能够更加好,帮忙到越来越多的前端开采者们。

github star 15K+, MIT 合计,最新版本v1.0.0-beta.9,扶持bootstrap 4.3

图片 1

此榜单依照github上star数作为排名依靠,一人工夫有限,要是搜罗有脱漏应接补充。

浏览器宽容性:

React 的杜撰DOM,表明性地描述客商分界面和宪章分界面状态的力量,乃至相对好低的门路,都使
React 成为构建 UI 很好的入门库。使用 React
的另八个关键原因是组件。组件让您把客户分界面分成独立的,可重复使用的部分,并且将每一种部分抽离思忖。

1、名称:Bootstrap

类别/语言:HTML、CSS、JavaScript
创建者: Twitter
人气:在Github上有91007 stars
陈说:主流框架中不用置疑的十分,Bootstrap 是依照 HTML、CSS、JavaScript
的,它简洁利落,使得 Web 开辟极度便捷。
主导概念/原则: 奇骏WD 和移动优先制。
浏览器扶助: Firefox, Chrome, Safari, IE8+ (你要求 Respond.js for IE8State of Qatar
响应式:Yes
模块化:Yes
官方网站地址:http://getbootstrap.com/
Github地址:https://github.com/twbs/bootstrap

官方网址回应:We aim to support all browsers supported by both React and
Bootstrap.

以下推荐 11 个可思索在一连应用中利用的能够 React
组件库,个中有黄金年代对已经不行流行,也是有部分是新面世的库。希望能对大家享有利于。

2、名称:html5-boilerplate

类别/语言:HTML、CSS、JavaScript
创建者:Paul Irish
人气:在Github上有32,349 stars
叙述:HTML5 Boilerplate 帮您营造 火速, 强壮, 并且 适应力强 的web
app或网址。
着力概念/原则:响应式
浏览器扶助:Firefox, Chrome, Safari, IE8+,艾德ge,Opera
预微电脑:None
响应式:Yes
模块化:Yes
官方网址地址:https://html5boilerplate.com/
Github地址:https://github.com/h5bp/html5-boilerplate

图片 2

1、React Material-UI

React Material-UI 是风姿浪漫组达成了 Google 的 Material Design 全新设计语言的
React 组件。在 GitHub 上有超过3万个 star ,可能是最受迎接的 React
组件库,其 v1 本子将在公布。

图片 3

3、名称:Meteor

类别/语言:HTML、CSS、JavaScript
创建者:immir
人气:在Github上有31,092 stars
陈诉:Meteor是新一代的支付即时web应用的开源框架,它能扶持你在起码的年月内成功开辟。
主题概念/原则:响应式
预微处理器: Less
响应式: Yes
模块化:Yes
官方网址地址:https://www.meteor.com
Github地址:https://github.com/meteor/meteor/

Ant Design

2、React-Bootstrap

React-Bootstrap 是三个可重复使用的 React
组件库,也是最受招待的前端框架之风流浪漫。前段时间相似是在为 1.0.0 版本而积极开垦中。也正就此,在
1.0.0
正式发布早先,带给的弃用或重大改观可能会给选择从前的版本的开垦者带来困扰忧愁。

图片 4

4、名称:Semantic UI

类别/语言:HTML、CSS、JavaScript
创建者: Jack Lukic
人气:在Github上有22,325 stars
汇报: “基于自然语言有效规范的UI组件框架”
着力概念/原则:语义,标签的矛盾性、响应式
浏览器支持:Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix
only卡塔尔国, Android 4, 布莱克berry 10。
预微型机: Less
响应式:Yes
模块化:Yes
官方网址地址:http://semantic-ui.com/
Github地址:https://github.com/Semantic-Org/Semantic-UI

Ant
Design为Web应用程序提供了公司级UI设计语言,此中包含风度翩翩组开箱即用的高素质React组件。它是用TypeScript编写的,具备完整的定义类型。它适用于Modern浏览器和Internet
Explorer
9+(使用polyfill)并帮助服务器端渲染。在开辟进度中,您大概供给编写翻译和调整JSX和ES二〇一六代码,甚至将一些伸手代理到仿照数据或少数外界服务。全数这一个都得以经过热重新加载变化提供飞快反馈来形成。

3、React Toolbox

React Toolbox 也是生机勃勃组完毕 Google Material Design 标准的 React
组件。基于 ES6、Webpack 和 CSS 模块 (使用 SASS 编写卡塔尔(قطر‎ 塑造。React Toolbox
很好的并轨了 Webpack 工作流,非常轻巧定制也非常灵活。

图片 5

5、名称:Foundation

类别/语言:HTML、CSS、JavaScript
主创者: ZURB名气:在Github上有22,206+ stars描述:
“世界上最优质的响应式前端框架”
骨干概念/原则:卡宴WD 、手提式有线电话机优先、语义的
浏览器扶植: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone
7+
预微处理器: Sass
响应式: Yes
模块化:Yes
官方网站地址:http://foundation.zurb.com/
Github地址:https://github.com/zurb/foundation-sites

github star 47K+, MIT 磋商,最新版本v3.19.5

4、React Belle

React Belle 是一套经过优化的 React
组件库,能够在移动道具和桌面设备上应用。
样式是高度可定制的,由此你能够配备全部组件的基本样式,也得以单独修正个中的每叁个。 仿效示例

图片 6

6、名称:Materialize

类别/语言:CSS
创建者:Google
人气:在Github上有15,288stars
陈说:Materialize是三个个基于材质设计的三个今世化的响应式前端框架。他们做了最艰巨的干活,为你提供默许的体裁,结合了您的自定义组件。此外,他们还改良动漫和连通,为开荒职员提供流畅的经历。
大旨概念/原则:响应式
浏览器帮忙:Chrome 35+, Firefox 31+, Safari 7+, IE 10+
预微型机:Sass
响应式:Yes
模块化:Yes
官方网站地址:http://materializecss.com
Github地址:https://github.com/Dogfalo/materialize

浏览器宽容性:

5、React Grommet

React Grommet 堪当公司应用最初进的 UX
框架,它提供丰硕的客户分类组件,全数组件都简短易用,跨浏览器宽容,且匡助大旨自定义。

图片 7

7、名称:Pure

类别/语言:CSS
创建者: Yahoo
人气: 在Github上有13,161 stars
陈述: “您能够在每三个web项目中应用的后生可畏组小的和响应式的CSS模块”
主题概念/原则:SMACSS,极简的.
浏览器扶植:Firefox的风行版本, Chrome, Safari; IE7+; iOS 6.x, 7.x;
Android 4.x
预微机:None
响应式: Yes
模块化: Yes
官方网址地址:http://purecss.io/
Github地址:https://github.com/yahoo/pure

IE / Edge: IE9, IE10, IE11, Edge

6、React Components by Khan Academy

那是 Khan Academy 营造的有个别可重复使用的 React 组件的汇聚,带有内联 CSS
和注释。单个组件也可因而 Bit Scope 来设置。

图片 8

8、名称:Vue

类别/语言:CSS、JavaScript
创建者:尤雨溪
人气:在Github上有12,214 stars
陈述:Vue.js 是用以构建交互作用式的 Web 分界面包车型大巴库。它提供了 MVVM
数据绑定和叁个可组成的组件系统,具备简易、灵活的 API。
中央概念/原则:响应式
浏览器扶持:Firefox, Chrome, Safari, IE10+,Android 4.2+,iOS 7+
预微机:None
响应式:Yes
模块化:Yes
官方网站地址:http://vuejs.org/
Github地址:https://github.com/vuejs/vue

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

7、Material Components Web

Material Components Web 是由 谷歌的骨干技术员和客户体验设计员团队开荒,其组件使用可相信的开支专门的学问流程来创设优秀而实用的
Web 项目。它已代替被弃用的 react-mdl 。

图片 9

9、名称:Skeleton

类别/语言:CSS、JavaScript
创建者:Dave Gamache
人气:在Github上有10,622stars
陈说:Skeleton 是叁个小的 JS 和 CSS
文件的聚焦,可帮你火速支付卓绝的网址,切合种种显示器设备富含手提式无线电话机。Skeleton
基于 960 grid 开垦。它是一个 UI 框架。
主导概念/原则:响应式
浏览器扶助:Firefox, Chrome, Safari, IE10+,Opera
预微型机:None
响应式:Yes
模块化:Yes
官方网址地址:http://www.getskeleton.com
Github地址:https://github.com/dhg/Skeleton

图片 10

8. Ant Design React

遵守 Ant Design 标准,React Ant Design 是一个开箱即用的高素质 React
组件,包罗一星罗棋布的机件和 demo 。 它是用 TypeScript
编写的,具备完整的定义类型,并提供 NPM + webpack + dva
前端开采专门的职业流程。

图片 11

10.名称: Amaze UI

类别/语言:HTML、CSS、JavaScript
创建者:云适配
末尾更新时间:二〇一四年四月
人气:在Github上有6425 stars
陈述:本国第三个开源HTML5跨屏前端框架,中文排版协理更优、本土化组件丰裕。
并在2016年四月推出基于 React.js 的直属移动端 Web 组件库Amaze UI
touch。
着力概念/原则:组件化、移动优先、轻量级、高质量。
浏览器扶助: Firefox, Chrome, Safari, IE8+
响应式: Yes
模块化:Yes
官方网站地址:http://amazeui.org/
Github地址:https://github.com/amazeui/amazeui

React Toolbox

9、Semantic UI React

Semantic UI React 是 Semantic
UI 的合法 React 集成。近年来已被
Netflix 和亚马逊接收。

图片 12

11、名称:UIkit

类别/语言:HTML、CSS、JavaScript
创建者:YOOtheme
人气:在Github上有6,050+ stars
叙述:
“贰个轻量级的和模块化的前端框架,用于急速支付和成效强盛的web接口。”
大旨概念/原则:逍客WD, 手提式无线电话机优先.
浏览器协理: Chrome, Firefox, Safari, IE9+
预微处理机:Less, Sass
响应式: Yes
模块化: Yes
官方网站地址:http://getuikit.com/
Github地址:https://github.com/uikit/uikit

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注