React和UI框架

1. React 

React 是一个用于构建用户界面的 JAVASCRIPT 库。

React 主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。

React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。

React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

链接：

https://react.docschina.org/tutorial/tutorial.html

https://www.runoob.com/react/react-tutorial.html

 

2.Ant-Design

     Ant-design是阿里巴巴团队出品的ReactUI组件库。有自己独特的设计风格和理念。在支付宝、蚂蚁金服等多个阿里项目中投入使用。
谁在使用：蚂蚁金服、阿里巴巴、腾讯、百度、口碑、美团、滴滴、饿了么、其他用户
其他框架的实现版本：

• Ant Design of React（官方实现）
• NG-ZORRO - Ant Design of Angular
• NG-ZORRO-MOBILE - Ant Design Mobile of Angular
• Ant Design of Vue
• San UI Toolkit for Ant Design

3.Semantic-UI-React

   Semantic-UI 的官方 React 组件 

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

Semantic-UI-React 几乎拥有 Semantic-UI 中所有有用的组件，同时也有一个非常好的 Declarative API ，和用于 React 组件的 shorthand props ，并且 jQuery-Free。 

 地址：Semantic-UI-React

https://react.semantic-ui.com/elements/image/

 

4. Material-UI

React 组件用于更快速、更简便的 web 开发。你也可以建立你自己的设计系统，或者从 Material Design 开始。

一套实现 Google Material Design 的 React 组件 

同时，它也是 React 的第一批 UI 工具套件之一。Material-UI 包含你需要的所有组件（甚至更多）。 Material-UI 预定义的调色板和 <MuiThemeProvider>  可配置性极高，允许为 APP 自定义颜色主题。 
Material-UI 之前的版本个人认为有一些性能问题，但从 3.0 版本的发布来看，性能有所改善。 

地址：https://material-ui.com/zh/

 

5.React-Bootstrap-UI

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

 React 构建的 Bootstrap 3 组件。 

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

简而言之，这是老牌的 Bootstrap 组件，用 React 重新编写

React Bootstrap