今天主要介绍react实战项目中有可能用到的插件
如果你还没有安装nodejs请先下载一个nodejs,否则你是无法使用npm命令的。
- typescript - - 参数类型检查
- prop-types --参数类型检查
下载包:npm i prop-types -S - classnames --使项目中的css类名动态化。
下载包:npm install classnames --save - babel-polyfill --解决浏览器对es6的兼容
下载包:npm install babel-polyfill --save - react-loadable --按需加载/懒加载/代码分割
下载包:npm i react-loadable -S - styled-components --通过js赋能解决了原生css所不具备的能力,比如变量,循环、函数等。
下载包:npm i styled-components -S - react-router-dom || react-router --解决路由跳转。
下载包:npm i react-router-dom -S // npm i react-router -S - babel-plugin-transform-decorators-legacy --可以实现高阶组件的装饰器写法
下载包:npm i babel-plugin-transform-decorators-legacy -S
备注:
在package.json文件里的babel的plugins里面加入"transform-decorators-legacy",结合下方配图,不要输入错位置了,也要额外注意格式 - moment.js --时间格式转换
下载包:npm i moment -S - numeral - - 处理数字的
下载包: npm i numeral -S - axios --异步请求
下载包:npm i axios -S - xlsx --导出excel表格
下载包:npm i xlsx -S - redux --数据状态管理
下载包:npm i redux -S - react-redux --提供Provider和connect
下载包:npm i react-redux -S - redux-thunk --redux的thunk中间件
下载包:npm i redux-thunk -S - Immutable --提高react性能,适用于数据结构层次很深的情况
下载包:npm i immutable -S - immutability-helper --笔者推荐
下载包:npm i immutability-helper -S - PureRenderMixin --最基本的优化方式
下载包:npm i react-addons-pure-render-mixin --save - sanitize-html - - 过滤标签的
下载包: npm i sanitize-html -S - wangeditor - - 富文本编辑器(相同类型的还有很多,请自行百度)
下载包: npm i wangeditor -S - echarts - - 可视化图表
下载包: npm i echarts -S - qrcode.react - - 生成二维码的插件
下载包:npm install qrcode.react - memoize-one - - 提升性能的,可以对纯函数的结果做缓存。