澳门在线威尼斯官方 > 威尼斯澳门在线 > 10 个打造 React.js App 的最佳 UI 框架

原标题:10 个打造 React.js App 的最佳 UI 框架

浏览次数:178 时间:2019-11-05

10 个打造 React.js App 的最佳 UI 框架

2017/05/26 · 底子本领 · React, UI

原版的书文出处: Vladimir Metnew   译文出处:IT程序狮   

图片 1

10 个打造 React.js App 的最佳 UI 框架

在本文中,大家将享用部分助你营造 React.js App 最棒的 UI 框架。它们持有你所急需的主导 React 组件,以至易用的 API,同偶然候,在外观和经历上也好棒。Have Fun !


图片 2

1. Material-UI

图片 3

基于Google Material Design 设计规范的 React 组件

此外,它依旧 React 的第三个 UI 套件。Material-UI具有你所急需的保有组件(以至更多卡塔尔,甚至可配置性超高的预订义调色板和``,扶植您为应用程序定制相应的颜色主旨。

出于 Material-UI 过去的本子中存在有的性责备题,就本身个人来说,不是很中意。但自3.0 版本公布后的报告来看,它在性质方面原来就有所校勘。

项目地址:【传送门】

10 个打造 React.js App 的最佳 UI 框架

2. React Desktop

图片 4

专为 MacOS Sierra 和 Windows 10 提供的 React UI 组件

关于Electron 框架,作者信赖你已经持有通晓。假使您对跨平台桌面应用程序 UI 组件也感兴趣的话,那么React-Desktop相对是您的“菜”。你能够利用它轻便获取用于 Mac OS 和 Windows 10 系统上相应的 UI 组件。

花色地址:【传送门】

在本文中,大家将享受部分助你打造 React.js App 最棒的 UI 框架。它们具有你所急需的宗旨 React 组件,以致易用的 API,同时,在外观和心得上也相当的厉害。Have Fun !

3. Semantic-UI-React

图片 5

由 塞马ntic-UI 官方出品的 React UI 组件

就个人来讲,作者感到它是最佳用的 React UI 框架。它是由官方基于Semantic-UI构建的 React 组件,它大致满含了 Semantic-UI 上的具有组件,并且它还应该有三个易用的 Declarative API,以致用于 React 组件的 shorthand props,同一时候它亦可产生jQuery-free。

除此以外,小编做了多个行使 React-Semantic-UI,Webpack 营造项目标新手示例,你也足以来看看。

类型地址:【传送门】


4. Ant-design

图片 6

风流倜傥套公司级 UI 设计语言和依靠 React 达成的 Web 组件库的体会解决方案

援用官方文书档案介绍:

  • 用来 Web 应用程序的合营社级 UI 设计语言。
  • 风流浪漫套开箱即用的高格调 React 组件。
  • 由 TypeScript 创设,并持有完整定义类型。
  • 基于 npm + webpack + dva 前端开拓专门的工作流。

它匡助浏览器、服务器端渲染和 Electron 情状,并持有丰裕的零器件,你仍然为能够透过Create-react-app 来学习。来看看Ant-design demo吧!

类别地址:【传送门】

1. Material-UI

图片 7

依赖Google Material Design 设计标准的 React 组件

别的,它照旧 React 的第叁个 UI 套件。Material-UI有着你所急需的持有组件(以至更加的多卡塔尔国,甚至可配置性超级高的预约义调色板和<MuiThemeProvider>,帮忙您为应用程序定制相应的颜色核心。

鉴于 Material-UI 过去的本子中留存有的属性难题,就小编个人来说,不是很中意。但自3.0 版本公布后的申报来看,它在性质方面本来就有所修正。

项目地址:【传送门】

  1. [React

    Desktop]()

图片 8

专为 MacOS Sierra 和 Windows 10 提供的 React UI 组件

关于Electron 框架,小编百依百顺你早就颇有领会。假如您对跨平台桌面应用程序 UI 组件也感兴趣的话,那么React-Desktop相对是您的“菜”。你能够使用它轻巧获取用于 Mac OS 和 Windows 10 系统上相应的 UI 组件。

体系地址:【传送门】

5. Blueprint

图片 9

援用自官方文书档案:

“它将为有着不知凡几、数据密集的 Web 分界面包车型地铁桌面应用程序实行全面优化。假诺您珍视移动端的人机联作体验,并且正搜寻移动优先的 UI 套件的话,它大概不相符你。”

Blueprint 是由 TypeScript 创设,并有着天时地利的使用文书档案。它满含了丰裕(30+卡塔尔国的 React 幼功构件,从开关到表单控件、工具提示均有关系。其它,它的各样组件都富含了 CSS 样式。况兼,你仍可以动用 Sass 和 Less 变量、温婉的调色板和三种尺寸的 300+ UI Logo等工具,来制作意气风发款专项于您的零部件和应用程序。

连串地址:【传送门】

1. Semantic-UI-React

图片 10

由 Semantic-UI 官方出品的 React UI 组件

就个人来讲,笔者感觉它是最棒用的 React UI 框架。它是由官方基于Semantic-UI构建的 React 组件,它大概满含了 Semantic-UI 上的具有组件,而且它还也有五个易用的 Declarative API,以至用于 React 组件的 shorthand props,相同的时间它亦可形成jQuery-free。

其余,作者做了一个采用 React-Semantic-UI,Webpack 创设项指标新手示例,你也足以来拜望。

类型地址:【传送门】

6. React-Bootstrap

图片 11

用 React 构建的 Bootstrap 3 组件

援引自官方文书档案:

React-Bootstrap是三个可采取的前端组件库。通过选取Instagram 的 React.js 框架来收获 Facebook Bootstrap 的外观与体验,甚至更清楚的代码。

回顾,它是家弦户诵的 Bootstrap 组件的 React 完结。

品种地址:【传送门】

1. Ant-design

图片 12

生机勃勃套集团级 UI 设计语言和根据 React 实现的 Web 组件库的体会实施方案

援用官方文书档案介绍:

  • 用于 Web 应用程序的商店级 UI 设计语言。
  • 风流倜傥套开箱即用的高格调 React 组件。
  • 由 TypeScript 营造,并有着完全定义类型。
  • 据书上说 npm + webpack + dva 前端开辟职业流。

它辅助浏览器、服务器端渲染和 Electron 情况,并有着丰硕的组件,你还足以由此Create-react-app 来学习。来看看Ant-design demo吧!

类型地址:【传送门】

本文由澳门在线威尼斯官方发布于威尼斯澳门在线,转载请注明出处:10 个打造 React.js App 的最佳 UI 框架

关键词:

上一篇:的区别和用法,SesstionStorge的区别和用法

下一篇:没有了