构建 react.js 应用的十佳 ui 框架，都在这了！ -欧洲杯足彩官网

资讯频道 → web前端

0顶
1踩

构建 react.js 应用的十佳 ui 框架，都在这了！

2017-05-12 09:31 by 副主编 jihong10102006 评论(0) 有43031人浏览
框架 ui
构建你的下一个 react.js app，有这些优秀的 ui 框架就够了。

1、

    一套实现 google material design 的 react 组件

同时，它也是 react 的第一批 ui 工具套件之一。material-ui 包含你需要的所有组件（甚至更多）。 material-ui 预定义的调色板和   可配置性极高，允许为 app 自定义颜色主题。

material-ui 之前的版本个人认为有一些性能问题，但从 3.0 版本的发布来看，性能有所改善。

2、

    macos sierra 和 windows 10 的 react ui 组件。

如果你对跨平台桌面应用程序的 ui 组件感兴趣，那么 react-desktop 就是为你而设。你可以在上面找到 mac os 和 windows 10 的均可用 ui 组件。

react-desktop 可与 和 完美结合，也可用于任何 javascript 驱动的项目。

3、

    semantic-ui 的官方 react 组件

就个人而言，我认为这是 react 最好的 ui 框架。

semantic-ui-react 几乎拥有 semantic-ui 中所有有用的组件，同时也有一个非常好的 declarative api ，和用于 react 组件的 shorthand props ，并且 jquery-free。

4、

    一套企业级的前端设计语言和基于 react 的前端框架实现。

官方文档介绍：
  • 一种用于 web 应用的企业级 ui 设计语言
  • 一套开箱即用的高质量 react 组件
  • 使用 typescript 构建，提供完整的类型定义文件
  • 基于 npm webpack babel 的工作流
它支持所有现代浏览器（ie9 以上），支持服务端渲染和 环境，拥有许多组件。



5、

    针对构建复杂、数据密集的 web 界面的桌面应用进行了最优化。如果你重度依赖移动互动，并且正在寻找 mobile-first 的 ui 工具包，它可能不适合你。

blueprint 同样是用 typescript 编写的，有良好的文档。

它包含 30 的 react 组件，涵盖几乎所有的通用界面元素，从按钮到表单控件到工具提示等等。 它还包括每个组件的 css 样式和使用 sass 和 less 变量设计自己的组件和应用的工具，以及一个优雅的调色板和两种尺寸的 300 多个 ui 图标，旨在让你专注于构建产品。

6、

    react 构建的 bootstrap 3 组件。

react-bootstrap 是一个可重复使用的前端组件库。你可以通过 facebook 的 react.js 框架获得 twitter  bootstrap 的体验，而且有更为清晰的代码。

简而言之，这是老牌的 bootstrap 组件，用 react 重新编写。

7、

    一组使用 css 模块实现 google material design 的 react 组件。

你是否听说过 ? react-toolbox 依赖于它。它允许你只使用所需的 css ，而不用使用像 purify-css 这样的工具。除此之外，react-toolbox 是具有30 组件，开箱即用的，高度可定制的框架。

8、

    用于企业应用最先进的 ux 框架。

grommet 不仅仅是一个 ux 框架，它所包含的东西要比单纯的 ux 框架多得多。

grommet = 用 react 编写的一堆 ux 组件和工具 自有的 grommet-cli “入门” 指南 预建模板 良好的文档 与 sketch 集成 。

9、

    用于构建与 office 和 office 365 界面相类似的 web 应用的 react 组件。

在过去几年中，微软支持并构建了许多开源项目 - angular 2、typescript、vs code 和 fabric。

fabric 是用 typescript 编写的官方 office 库，包含“入门”指南、博客、官方调色板和字体，以及构建项目所需的所有组件。

10、

又一个实现 material design 的库。react-md 可以轻松地根据自己的需要进行定制，拥有良好的文档和快速上手的“入门”指南，以及许多常见的 material 组件。

不过现状是，这个库只有一个人在进行维护和开发。如果你想为开源项目做贡献，react-md 可能是一个不错的选择。

编译自：
  • 大小: 40.3 kb
  • 大小: 233.1 kb
  • 大小: 69.6 kb
  • 大小: 213.5 kb
  • 大小: 191.2 kb
  • 大小: 80.5 kb
  • 大小: 70.6 kb
  • 大小: 35.2 kb
  • 大小: 89 kb
  • 大小: 68 kb
来自:
0
顶
1
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 构建react.js应用的十佳ui框架.docx

  • 构建你的下一个 react.js app，有这些优秀的 ui 框架就够了。 1、material-ui 一套实现 google material design 的 react 组件 同时，它也是 react 的第一批 ui 工具套件之一。material-ui 包含你需要的所有组件...

  • toast ui图像编辑器的react wrapper应用google analytics（分析）（ga）来收集有关开源使用情况的统计信息，以便确定toast ui图像编辑器在全世界的使用范围。 它也是确定项目未来走向的重要指标。 要收集location....

  • react用户界面该项目是通过引导的。 yarn installyarn startyarn build资料夹结构.├── build # production version (for deploy)├── config # configuration files for webpack├── public # template files...

  • react轮播 在 react.js 中构建的轮播 安装 $ npm install react-carousel 发展 npm run dev open http://localhost:3000/ 部署 npm run release 执照 react-carousel 是。

  • coreui react组件库 @ coreui / react v3（适用超过90种基于bootstrap的react组件和指令有关图书馆指南，请访问我们的 查看组件用法演示：安装在安装之前，您需要在计算机上安装 。 npm install @coreui/react造型...

  • react骨架 react.js应用程序的基本框架

  • trello clone使用react.js，react-redux，react-beautiful-dnd，material-ui构建 特征 添加，编辑和删除列表 添加和删​​除卡 充值卡 重新排序清单

  • 使用react.js和material ui构建的covid 19 tracker

  • suitup ui工具包suitup ui toolkit是一组react组件，可以更快地构建web应用程序。 主题化，简约且易于使用。 它可以像定制西装一样满足您的需求，所以suitup！ 并开始。项目状况在开始之前，请考虑suitup正在开发中...

  • dynel-ui 动态元素 ui 框架

  • volt react是一个免费和开放源代码的管理仪表板模板，该模板基于react.js构建，并基于最新版本的bootstrap 5 css框架。 它具有超过100个ui元素，插件和使用react组件构建的基于示例的功能。 volt react dashboard ...

  • 使用material-ui和mathjs在react.js中制作的计算器。 资源： 在这里开始使用react ui-使用react组件可以更快，更轻松地进行web开发 适用于javascript和node.js的扩展数学库 可用脚本： 在项目目录中，可以运行： ...

  • 官方monday.com ui资源，用于在react.js中进行应用程序开发星期一ui react core monday.com react组件库-故事书安装安装组件库$ npm install monday-ui-react-core用法您可以从“ monday-ui-react-core“;...

  • 该应用程序实现了多项功能，并且全部捆绑到一个react应用程序中。 该应用已针对kovan测试网络进行了配置。如何在线参与？ 桌面版访问：确保您有一个metamask钱包确保您已切换到kovan测试网络确保您有一些测试醚玩得...

  • 它在生产模式下正确捆绑了react，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 ...

  • （以前称为node-webkit）是基于chromium和node.js的应用程序运行时，可让您直接从dom调用node.js模块，并提供了一种使用所有web技术编写本机应用程序的新方式。 是一个用于构建用户界面javascript库。 是...

  • 使用 react.js 构建的 spa 的简单框架 ##如何运行： $ npm install $ bower install $ node testbackend $ gulp ＃＃去做： 修复路径 var http = require('../../utils/http'); var http = requre('http') 删除...

  • vb语言vb光盘管理系统设计(源代码 系统)本资源系百度网盘分享地址

global site tag (gtag.js) - google analytics
网站地图