推荐八个很棒的React工具库，强烈推荐收藏

本文转载请联系前端分享♂。俗话说，工欲善其事必先利其器。笔者在开发React项目时，总结了一些非常不错的React库，可以提高开发效率，满足业务需求。接下来，我将一一介绍。UI组件库AntDesign如果要说React最流行的UI组件库，我第一个想到的就是AntDesign。AntDesign提供了数十种常用的组件，例如Button、Menu、Table等。AntDesign不仅功能强大，而且配置灵活，深受React开发者的喜爱。并且在github上获得了74.6k+star参考官网：https://ant.design/index-cn项目地址：https://github.com/ant-design/ant-design富文本编辑器braft-editorbraft-editor是一款基于draftjs的网页富文本编辑器，适用于React框架，兼容现代主流浏览器。draft-js是facebook开源的富文本编译器，braft-editor在draft-js的基础上扩展了功能。craft-editor在github上获得了4.2k+星。项目地址：https://github.com/margox/braft-editor下面我们来看看braft-editor的基本使用。#安装yarnyarnaddbraft-editor#安装npmnpminstallbraft-editor--saveBraftEditor使用起来还是很方便的，支持全屏、拖拽上传、代码块、引用等功能。状态管理工具DvajsDvajs是一个基于redux、react-redux、redux-saga的状态管理工具。在dva中，同步触发的reducer、异步触发的effects和subscriptions进行订阅监控，构成了状态管理的组织模型。dvajs目前在github上有15.8k+星。示意图：参考官网：https://dvajs.com/项目地址：https://github.com/dvajs/dvadvajs入门也很简单。拖放库ReactdndReactdnd是一个用于React的拖放库，使用起来相当方便。react-dnd在github上获得了16.4k+星。参考官网??：https://react-dnd.github.io/react-dnd/docs/overview项目地址：https://github.com/react-dnd/react-dnd用于react-dnd入门，官网已经很详细了，有兴趣的同学可以试试。可视化图表echarts-for-reaccharts-for-react是基于echarts封装的使用React的图表库，可以满足基本的可视化图表需求。通过React组件的props传递echarts的配置参数。目前在github上有3.3k+stars。参考官网??：https://git.hust.cc/echarts-for-react/examples/simple项目地址：https://github.com/hustcc/echarts-for-react快速启动：npminstall--saveecharts-for-reactimportReactfrom'react';importReactEChartsfrom'echarts-for-react';//varReactECharts=require('echarts-for-react');markdown预览器react-markdown如果你想让你的React项目以md格式显示文档结构，那么react-markdown是一个不错的选择。react-markdown的使用非常简单。再来看看react-markdown，目前react-markdown一共7.7k+??在github上。参考官网??：http://remarkjs.github.io/react-markdown/项目地址：https://github.com/remarkjs/react-markdown使用：importReactfrom'react'importReactMarkdownfrom'react-markdown'importReactDomfrom'react-dom'importremarkGfmfrom'remark-gfm'ReactDom.render(This~isnot~strikethrough,but~~thisis~~!,document.body)展示效果：二维码展示qrcode.react如果想在React项目中使用链接生成二维码，可以试试qrcode.react，github上总共有2.6k+。项目地址：https://github.com/zpao/qrcode.react入门：importQRCodefrom'qrcode.react'exportdefaultfunctionIndex(){return

}作用：缓存页面React-keepalive-router这个插件是作者自己开发的，主要是为了一些需要React页面的需求要缓存的，这里推广一下，目前得到519??在github上。觉得不错的同学可以给个小star??。本插件基于react16.8+和react-router4+开发的react缓存组件，可以用来缓存页面组件，类似于vue的keepalive包裹vue-router的效果功能。项目地址+参考文档：https://github.com/GoodLuckAlien/react-keepalive-router

总结今天给大家介绍一些不错的React工具库，希望看到的朋友们他们可以尝试使用它们。