10 个打造 Reactjs App 的最佳 UI 框架

发布时间:2019-09-16编辑:admin

  在本文中,我们将分享一些助你打造 React.js App 最佳的 UI 框架。它们具备你所需要的基本 React 组件,六含宝典开奖现场直播。以及易用的 API,同时,在外观和体验上也非常棒。

  此外,它还是 React 的第一个 UI 套件。Material-UI具备你所需要的所有组件(甚至更多),以及可配置性极高的预定义调色板和MuiThemeProvider,帮助你为应用程序定制相应的颜色主题。

  由于 Material-UI 过去的版本中存在一些性能问题,就我个人而言,不是很满意。但自3.0 版本发布后的反馈来看,它在性能方面已有所改善。

  关于Electron 框架,我相信你已经有所了解。如果你对跨平台桌面应用程序 UI 组件也感兴趣的话,那么React-Desktop绝对是你的“菜”。你可以使用它轻松获取用于 Mac OS 和 Windows 10 系统上相应的 UI 组件。

  另外,我做了一个使用 React-Semantic-UI,Webpack 构建项目的新手示例,你也可以来看看。

  一套企业级 UI 设计语言和基于 React 实现的 Web 组件库的体验解决方案

  一套企业级 UI 设计语言和基于 React 实现的 Web 组件库的体验解决方案

  “它将为拥有复杂、数据密集的 Web 界面的桌面应用程序进行全面优化。如果你注重移动端的交互体验,并且正寻找移动优先的 UI 套件的话,它可能不适合你。”

  “它将为拥有复杂、数据密集的 Web 界面的桌面应用程序进行全面优化。如果你注重移动端的交互体验,并且正寻找移动优先的 UI 套件的话,它可能不适合你。”

  Blueprint 是由 Type 构建,王中王心水论马公资料大全并具备良好的使用文档。它包含了丰富(30+)的 React 基础组件,从按钮到表单控件、工具提示均有涉及。

  并且,你还可以使用 Sass 和 Less 变量、优雅的调色板和两种尺寸的 300+ UI 图标等工具,来打造一款专属于你的组件和应用程序。

  你听说过CSS Modules吗?React-Toolbox便依赖于它。React-Toolbox 是一个具有 30+ 开箱即用组件的高度可定制框架。从此,你可以不必使用类似Purify-CSS这样的工具,仅通过所需的 CSS 便可以进行项目的开发。

  Grommet 不仅仅是 UX 框架,它还提供了从理论到应用程序开发所需的所有指导、因此监管治理的力度只能加强,五湖四海同祝贺是什么生肖组件以及设计资源。例如,它提供了 React 编写的丰富的 UX 组件、自带的 grommet-cli 、入门学习指南、预设模版、优秀的使用文档等资源。

  Fabric是利用 Type 编写的官方 Office 库,它具有“入门”指南、博客、官方调色板和字体以及项目所需的所有组件。

  这是另一个基于谷歌 Material Design 设计规范的库。React-md具备众多常见的 Material 组件,你可以轻松地根据自己的需求进行定制。同时,它还具有良好的使用文档,以及快速入门指南。

  但是,目前这个库仅有一个人进行维护和开发。如果你想为开源项目做些贡献 ,或许 React-md 是一个不错的选择。

导航栏

Copyright © 2002-2011 DEDECMS. 织梦科技 版权所有 Power by DedeCms