热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

入门教程_这几款ReactJS最优秀的UI框架,你用过几个?||附《react中文入门教程》电子版

篇首语:本文由编程笔记#小编为大家整理,主要介绍了这几款ReactJS最优秀的UI框架,你用过几个?||附《react中文入门教程》电子版相关的知识,希望对你有一定的参考价值。

篇首语:本文由编程笔记#小编为大家整理,主要介绍了这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版相关的知识,希望对你有一定的参考价值。





         


今天给大家介绍的是适应于ReactJS的UI组件库。




Material-UI


这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版


Material-UI是一款React组件库来实现Google的Material Design风格UI界面框架。也是首个React的UI工具集之一。使用它可以快速搭建出赏心悦目的应用界面。







英文文档:
https://material-ui.com


中文文档:
http://design.1sters.com


Github: https://github.com/mui-org/material-ui





React-Bootstrap


这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版


React-Bootstrap是可重用的前端组件库。React-Bootstrap是一款基于ReactJS对Bootstrap进行封装的库。







官网:
https://react-bootstrap.github.io


中文文档: http://react.tgwoo.com


Github: https://github.com/react-bootstrap/react-bootstrap/





Ant-design


这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版


提到Ant-design,大家可能会想前段时间的出现的‘圣诞彩蛋’事故。Ant-design是阿里巴巴团队出品的ReactUI组件库。有自己独特的设计风格和理念。在支付宝、蚂蚁金服等多个阿里项目中投入使用。组件化质量非常高,开箱即用。






官网:
https://ant.design/docs/react/introduce-cn


Github: https://github.com/ant-design/ant-design/





SemanticUI


这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版


Semantic UI 是一款非常优秀的前端开发框架。它在用户体验的设计上与Bootstrap和Foundation相比,更胜一筹。集成了很多很漂亮的UI模块,能够使网页制作更加高效和美观。






官网:
https://semantic-ui.com


Github: https://github.com/semantic-org/semantic-ui/





React Desktop


这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版


一款面向MacOS Sierra和Windows10桌面风格的ReactUI组件库。React-Desktop是跨平台桌面应用程序的 UI 组件,可以在上面找到 Mac OS 和 Windows 10 的均可用 UI 组件。






官网:
http://reactdesktop.js.org/docs/


Github: https://github.com/gabrielbull/react-desktop





Blueprint


这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版


Blueprint提供了一系列ReactUI组件,这些组件包含常用的元素、模式和Web交互。它适用于为桌面应用构建复杂且数据密集型的Web界面。它的组件使用TypeScript编写,并以Sass编写样式风格,以实现快速且灵活的开发流程。






官网:
https://apiblueprint.org


Github: https://github.com/gabrielbull/react-desktop





Fabric


这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版


Fabric是一款用于构建类似Office和Office 365风格的React组件库。是官方用TypeScript编写的Office库之一。有所有你能见到的Office组件,包括开发入门指南、博客、官方色调以及字体等。






官网:
https://fabric-chs.readthedocs.io/zh_CN/chs/


Github: https://github.com/fabric/fabric/





Rebass


这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版




Rebass 它包含60个组件,是一个UI库及UI设计系统。






官网:
https://rebassjs.org


Github: https://github.com/rebassjs/rebass





amaze UI (不维护了)


这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版


Amaze UI 是一个移动优先的跨屏前端框架。提供基础样式,网格,表格、表单、按钮及常用组件样式。是一个轻量级(所有 CSS 和 JS gzip 后 100 kB 左右)、 Mobile first 的前端框架






官网地址:
http://amazeui.org/


Github: https://github.com/zordius/lightncandy





ReactGrommet


这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版


Grommet是一个非常强调体验的的React组件库,所有组件都可访问,具备跨浏览器兼容性且支持主题定制。通过对属性的配置,组件的灵活性也可以进一步提高






官网地址:
https://v2.grommet.io


Github: https://github.com/grommet/grommet





目前React是如今流行的前端技术,而React最棒的一个特点就是有大量功能丰富的组件库和开发框架可用。以上是适合React的UI组件库,大家可以收藏起来慢慢了解啊~










今日福利




今天给大家带来的是《react中文入门教程》的pdf版本,这是很多前端小伙伴必备的资料这几款ReactJS最优秀的UI框架,你用过几个? || 附《react中文入门教程》电子版











*戳左下角阅读原文可查看文章来源



推荐阅读
author-avatar
LING2502856847
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有