Ant Design of React

Ant Design of React，简称 antd，基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。每周都有代码迭代，修复bug或者发布新功能。

特性

• 提炼自企业级中后台产品的交互语言和视觉风格。
• 开箱即用的高质量 React 组件。
• 使用 TypeScript 开发，提供完整的类型定义文件。
• 全链路开发和设计工具体系。
• 数十个国际化语言支持。
• 深入每个细节的主题定制能力。

安装方法

// 用npm安装
npm install antd --save

或者

// 用yarn安装
yarn add antd

如果如上下载过慢的话，可以采用cnpm下载；

• 首先安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

• 然后安装antd

cnpm install antd --save

Material-UI

Material-UI

安装方法

// 用npm安装
npm install @material-ui/core --save

或者

// 用yarn安装
yarn add @material-ui/core

飞冰 ice.work

飞冰 简单而友好的前端研发体系

特性

• 可视化开发：通过 IDE 简化前端工程复杂度，同时通过适配器可接入不同的项目工程进行可视化管理，定制专属的前端工作台

• 丰富的物料：基于物料拼装提高项目开发效率，同时提供丰富的 React/Vue 物料

• 最佳实践：结合丰富的经验沉淀出的项目开发最佳实践，包括目录结构、开发调试、路由配置、状态管理等

• 自定义物料：通过物料开发者工具快速开发构建私有物料体系

生态

工具	描述
icejs	基于 React.js 的通用框架
icestore	轻量简洁的状态管理方案
icestark	面向大型应用的微前端解决方案
iceworks	可视化研发工具

UXCore

UXCore 一套企业级的前端React UI框架。

• 丰富的组件功能： 超过 50 个高质量组件供使用

• 专注于企业级中后台应用场景： 强大易用的表单表格

• 精心设计的视觉风格： 深耕中后台场景，让工作变得简单幸福。

安装方法

// 用npm安装
npm install uxcore --save

React Suite

React Suite 是一套 React 组件库，为中后台产品而生。致力于创造出贴心的交互设计，同时为开发者提供了友好的开发体验。

支持的开发环境

• 支持 React 16 +
• 支持 TypeScript
• 支持 Electron
• 支持 Reason

安装方法

// 用npm安装
npm i rsuite --save

或者

// 用yarn安装
yarn add rsuite

Element-React

Element-React 是一套 React 组件库

安装方法

// 用npm安装
npm i element-react --save

安装主题

// 开始前, 你还需要一个主题包
npm install element-theme-default --save

使用

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'element-react';

import 'element-theme-default';

ReactDOM.render(
    <Button type="primary">Hello</Button>, 
    document.getElementById('app')
);