阅读 144

react项目的常用插件简介

今天主要介绍react实战项目中有可能用到的插件

如果你还没有安装nodejs请先下载一个nodejs,否则你是无法使用npm命令的。

  1. typescript - - 参数类型检查
  2. prop-types --参数类型检查
    下载包:npm i prop-types -S
  3. classnames --使项目中的css类名动态化。
    下载包:npm install classnames --save
  4. babel-polyfill --解决浏览器对es6的兼容
    下载包:npm install babel-polyfill --save
  5. react-loadable --按需加载/懒加载/代码分割
    下载包:npm i react-loadable -S
  6. styled-components --通过js赋能解决了原生css所不具备的能力,比如变量,循环、函数等。
    下载包:npm i styled-components -S
  7. react-router-dom || react-router --解决路由跳转。
    下载包:npm i react-router-dom -S // npm i react-router -S
  8. babel-plugin-transform-decorators-legacy --可以实现高阶组件的装饰器写法
    下载包:npm i babel-plugin-transform-decorators-legacy -S
    备注:
    在package.json文件里的babel的plugins里面加入"transform-decorators-legacy",结合下方配图,不要输入错位置了,也要额外注意格式在这里插入图片描述
  9. moment.js --时间格式转换
    下载包:npm i moment -S
  10. numeral - - 处理数字的
    下载包: npm i numeral -S
  11. axios --异步请求
    下载包:npm i axios -S
  12. xlsx --导出excel表格
    下载包:npm i xlsx -S
  13. redux --数据状态管理
    下载包:npm i redux -S
  14. react-redux --提供Provider和connect
    下载包:npm i react-redux -S
  15. redux-thunk --redux的thunk中间件
    下载包:npm i redux-thunk -S
  16. Immutable --提高react性能,适用于数据结构层次很深的情况
    下载包:npm i immutable -S
  17. immutability-helper --笔者推荐
    下载包:npm i immutability-helper -S
  18. PureRenderMixin --最基本的优化方式
    下载包:npm i react-addons-pure-render-mixin --save
  19. sanitize-html - - 过滤标签的
    下载包: npm i sanitize-html -S
  20. wangeditor - - 富文本编辑器(相同类型的还有很多,请自行百度)
    下载包: npm i wangeditor -S
  21. echarts - - 可视化图表
    下载包: npm i echarts -S
  22. qrcode.react - - 生成二维码的插件
    下载包:npm install qrcode.react
  23. memoize-one - - 提升性能的,可以对纯函数的结果做缓存。
哪个插件不会用在下方评论就可以了哦~此篇文章还会持续更新!
文章分类
代码人生
文章标签