React开发技术

React开发相关栈

React技术栈

名称

版本

描述

安装方式

文档地址

react

React核心

npm install react

https://doc.react-china.org/

react-dom

ReactDOM相关操作

npm install react-dom

同上

react-router-dom

React路由相关

npm install react-router-dom

同上

Redux

Redux状态管理

npm install redux react-redux

http://www.redux.org.cn/

immutable-js

immutable redux-immutable

npm install immutable redux-immutable

https://github.com/facebook/immutable-js

开发环境相关

名称

版本

描述

安装方式

文档地址

webpack

模块化打包工具

npm install webpack

https://doc.webpack-china.org/configuration/

webpack-dev-server

webpack服务器环境

npm install webpack-dev-server

同上

babel

JS语法编译器

npm install babel-loader babel-core

http://babeljs.io

less

css预处理

npm install less

http://lesscss.org

sass

css预处理

npm install sass

http://sass-lang.com/

u-reset.css

一个简洁的重置样式库

npm install u-reset.css

https://github.com/allcky/u-reset.css

whatwg-fetch

Fetch API

npm install whatwg-fetch

https://www.npmjs.com/package/whatwg-fetch

axios

Axios 是一个基于 promise 的 HTTP 库

npm install axios

https://www.npmjs.com/package/axios

第三方插件

名称

版本

描述

地址

安装

react-swipe

轮播图组件

https://github.com/voronianski/react-swipe

npm install swipe-js-iso react-swipe

组件库

名称[文档]

版本

描述

安装

Ant Design

用于开发和服务于企业级中后台产品

npm install antd --save

Ant Design Mobile

是 Ant Design 的移动规范的 React 实现

npm install antd-mobile --save

AntV G2

数据驱动的高交互可视化图形语法

npm install @antv/g2 --save

AntV G6

专注解决流程与关系分析的图表库

npm install @antv/g6 --save

AntV F2

适于对性能、体积、扩展性要求严苛场景下使用的移动端图表库

nnpm install @antv/f2 --save

AntV L7

地理空间数据可视化框架，易用易扩展。

`nnpm install @antv/g2 --save

`