• 推荐几款ReactJS最优秀的UI框架


    推荐几款ReactJS最优秀的UI框架

    使用优秀的UI框架来构建你的ReactJS应用。

    Material-UI

    一款React组件库来实现Google的Material Design风格UI界面框架。也是首个React的UI工具集之一。

    查看地址:https://github.com/callemall/material-ui

    React Desktop

    React-Desktop

    一款面向MacOS Sierra和Windows10桌面风格的ReactUI组件库。我肯定作为前端开发人员,一定听说过Electron框架。它能帮助你使用HTML5-WEB方式来构建跨平台的桌面端应用程序。而React Desktop里面你可以同时找到关于MacOS和Windows10的所有UI组件。

    查看地址:http://reactdesktop.js.org/

    Semantic-UI-React

    前端小号个人认为,这款是最优秀的ReactUI框架了。前端开发人员对Semantic-UI应该不会陌生,它有极为丰富切漂亮的UI组件库,并且结构化做得非常好。React版本为官方出版,所有React组件都具有非常简洁的API和简明的属性,并且不依赖与jQuery,操作虚拟DOM提高性能带来更完美的用户体验。

    查看地址:https://github.com/Semantic-Org/Semantic-UI-React

    Ant-design

    Ant-design是阿里巴巴团队出品的ReactUI组件库。有自己独特的设计风格和理念。非常符合国人的审美需求。并且在支付宝、蚂蚁金服等多个阿里项目中投入使用。组件化质量非常高,开箱即用。支持浏览器、服务端渲染以及Electron环境。包括刚刚推出支付宝小程序也是这一套设计风格。可谓国人开发React应用必修科目。

    查看地址:https://github.com/ant-design/ant-design

    Blueprint

    blueprint

    Blueprint是一款针对桌面应用程序构建复杂、数据密集的Web界面进行了优化的UI组件库。如果你严重厉害移动端互动,并且寻找移动端优先的UI工具包,这可能不适合您。

    使用TypeScript编写,拥有不错的开发文档。包括了30多个React基础组件,如表单控件、按钮、提示框、树形控件等等。

    查看地址:https://github.com/palantir/blueprint

    React-Bootstrap

    react-bootstrap

    谈到组件库就不得不提Twitter公司开源的Bootstrap了,它帮助多少程序猿解决了WEB-UI界面开发的难题。React-Bootstrap是一款基于ReactJS对Bootstrap进行封装的库。

    查看地址:https://github.com/react-bootstrap/react-bootstrap

    React-Toolbox

    React-toolbox

    你是否听说过CSS Modules?React-Toolbox就是基于这个的。它允许你只需要引入CSS,而不需要使用像Purify-CSS这样的工具。另外React-toolbox还是包括了30多个开箱即用组件的高质量可自定义的库。

    查看地址:https://github.com/react-toolbox/react-toolbox/

    Grommet

    前端小号认为这是一款针对企业应用开发的最高端的UX框架库。我甚至不能称Grommet是一个UX框架,它要大的多。Grommet = React 组件库 + 自己的cli脚手架 + 友好的入门指引 + 预购建的模板 + 专业的文档 + 设计用具Sketch的扩展

    查看地址:https://grommet.github.io/

    Fabric

    Fabric是一款用于构建类似Office和Office 365风格的React组件库。过去几年,微软支持或推出了很多开源项目,像TypeScript,VS Code(基于Electron)等等,Fabric也是其中之一。Fabric是官方用TypeScript编写的Office库之一。有所有你能见到的Office组件,包括开发入门指南、博客、官方色调以及字体等。

    查看地址:https://github.com/OfficeDev/office-ui-fabric-react

  • 相关阅读:
    es6-箭头函数
    高度自适应的div
    移动端css水平垂直居中
    跨域2-常用的跨域方式
    跨域1-CORS跨域
    前端路由分类
    K8S系列-2.常用命令
    Git多分支管理
    微服务-01初识
    VirtualBox虚拟Centos磁盘文件扩容
  • 原文地址:https://www.cnblogs.com/sexintercourse/p/15940080.html
Copyright © 2020-2023  润新知