React开发技术

采用React开发单页面(SPA)的架构方式的项目。

基于React的项目的时候，我们需要使用各种各样的库来完成我们的项目开发。

React开发相关栈

React技术栈

名称	版本	大小	安装方式	描述
react (opens new window)	(opens new window)		npm install react	React核心
react-dom (opens new window)	(opens new window)		npm install react-dom	ReactDOM相关操作
react-router-dom (opens new window)	(opens new window)		npm install react-router-dom	React路由相关
redux (opens new window)	(opens new window)		npm install redux react-redux	Redux状态管理
immutable-js (opens new window)	(opens new window)		npm install immutable redux-immutable	Immutable Data 就是一旦创建，就不能再被更改的数据。

开发环境相关

名称	版本	大小	安装方式	描述
webpack (opens new window)	(opens new window)		npm install webpack	模块化打包工具
webpack-dev-server (opens new window)	(opens new window)		npm install webpack-dev-server	webpack服务器环境
babel (opens new window)	(opens new window)		npm install babel-loader babel-core	JS语法编译器
less (opens new window)	(opens new window)		npm install less	css预处理
sass (opens new window)	(opens new window)		npm install sass	css预处理
u-reset.css (opens new window)	(opens new window)		npm install u-reset.css	一个简洁的重置样式库
whatwg-fetch (opens new window)	(opens new window)		npm install whatwg-fetch	Fetch API
axios (opens new window)	(opens new window)		npm install axios	Axios 是一个基于 promise 的 HTTP 库

第三方插件

名称	版本	大小	安装	描述
react-swipe	(opens new window)		npm install swipe-js-iso react-swipe	轮播图组件

组件库

名称[文档]	版本	大小	安装	描述
Ant Design (opens new window)	(opens new window)		npm install antd --save	用于开发和服务于企业级中后台产品
Ant Design Mobile (opens new window)	(opens new window)		npm install antd-mobile --save	是 Ant Design 的移动规范的 React 实现
AntV G2 (opens new window)	(opens new window)		npm install @antv/g2 --save	数据驱动的高交互可视化图形语法
AntV G6 (opens new window)	(opens new window)		npm install @antv/g6 --save	专注解决流程与关系分析的图表库
AntV F2 (opens new window)	(opens new window)		nnpm install @antv/f2 --save	适于对性能、体积、扩展性要求严苛场景下使用的移动端图表库
AntV L7 (opens new window)	(opens new window)		nnpm install @antv/g2 --save	地理空间数据可视化框架，易用易扩展。