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 |