我们好，我是Echa。
前段时间看见许多新颖的React辅助工具库，归纳了呵呵撷取给我们，防止多次重复造车轮。期望对你略有协助~
一、此基础
1. React Infinite Scroller
React Infinite Scroller 用作在React工程项目中无穷慢速读取文本。
npm门牌号：https://www.npmjs.com/package/react-infinite-scroller
2. react-dnd
React DnD是React和Redux核心理念译者 Dan Abramov缔造的几组React 低阶模块，能在维持模块分立的大前提下协助构筑繁杂的分页USB。主要就用作模块的分页。
npm门牌号：https://www.npmjs.com/package/react-dnd
3. react-beautiful-dnd
react-beautiful-dnd是这款耐用且单纯功能强大的 React 条目拖曳库。
npm门牌号：https://www.npmjs.com/package/react-beautiful-dnd
4. react-icons
采用 react-icons 能随心所欲地在 React 工程项目中包涵盛行的辅助工具栏。
npm门牌号：https://www.npmjs.com/package/react-icons
5. react-share
react-share是一个React 的社交媒体撷取按钮和分享次数库。
npm门牌号：https://www.npmjs.com/package/react-share
6. create-react-app
Create React App 是一个命令行界面辅助工具，让您无需任何配置即可快速创建和运行 React 应用程序。
npm门牌号：https://www.npmjs.com/package/create-react-app
7. react-intl
React Intl 提供了一个 React 模块和用作国际化 React Web 应用的 Mixin。它提供一个格式化日期、数字、字符串消息的描述方式。
npm门牌号：https://www.npmjs.com/package/react-intl
8. react-router
react-router 是个用作 React.js 的路由解决方案（routing solution）。它随心所欲能同步你的 app 和 URL，同时给嵌套，转换，和服务端渲染一流的支持。
npm门牌号：https://www.npmjs.com/package/react-router
9. React Virtualized
react-virtualized是一个以高效率渲染大型条目和表格数据的响应式模块，能用来解决长条目渲染问题。
npm门牌号：https://www.npmjs.com/package/react-virtualized
二、状态管理
1. redux
Redux 是 JavaScript 状态容器，提供可预测化的状态管理。能让你构筑一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。
npm门牌号：https://www.npmjs.com/package/redux
2. react-redux
Redux 官方提供的 React 绑定库。具有高效率且灵活的特性。
npm门牌号：https://www.npmjs.com/package/react-redux
3. MobX
MobX是一个经久考验的库,使得状态管理单纯而且透明、可伸缩的应用功能反应性编程(TFRP)。
npm门牌号：https://www.npmjs.com/package/mobx
4. redux-saga
让副作用管理更容易，执行更高效率，测试更单纯，在处理故障时更容易。
npm门牌号：https://www.npmjs.com/package/redux-saga
5. redux-thunk
Redux 的 Thunk 中间件。
npm门牌号：https://www.npmjs.com/package/redux-thunk
三、模块
1. Ant Design
antd 是基于 Ant Design 设计体系的 React UI 模块库，主要就用作研发企业级中后台产品。
官网门牌号：https://ant.design/index-cn
2. React Select
React Select 是一个开箱即用的 Select 控件。
官网门牌号：https://react-select.com/home
3. React Hot Toast
React Hot Toast 是一个热门的通知库，包涵很多通知的样式。
官网门牌号：https://react-hot-toast.com/
4. React Content Loader
React Content Loader 能用作生成条目读取占位模块。
官网门牌号：https://skeletonreact.com/
5. Sweet Alert
Sweet Alert是一个弹窗模块，包涵很多弹窗样式。
官网门牌号：https://sweetalert.js.org/
6. draftjs
Draft JS 是一个富文本编辑器库。能无缝地融入 React 应用程序。
官网门牌号：https://draftjs.org/
7. react-slick
React Slick是一个React轮播模块。
官网门牌号：https://react-slick.neostack.com/
8. Material-UI
Material-UI是一个单纯的、可定制的模块库，用作构筑更快、更漂亮、更易采用的 React 应用程序。
官网门牌号：https://mui.com/zh/getting-started/usage/
9. react-bootstrap
React Bootstrap是一个由 React 构建的 Bootstrap 4 模块。
官网门牌号：https://react-bootstrap.github.io/
10. react-custom-scrollbars
react-custom-scrollbars 是一个慢速条模块库，能在web和移动端流畅地采用慢速条，并且能完全自己定制
npm门牌号：https://www.npmjs.com/package/react-custom-scrollbars
11. react-dropdown
react-dropdown 是一个单纯的下拉模块，灵感来自于react-select。
npm门牌号：https://www.npmjs.com/package/react-dropdown
12. react-horizontal-scrolling-menu
react-horizontal-scrolling-menu 是一个水平慢速菜单模块。
npm门牌号：https://www.npmjs.com/package/react-horizontal-scrolling-menu
13. react-calendar
react-calendar 是一个 React 的日历模块。
npm门牌号：https://www.npmjs.com/package/react-calendar
14. react-datepicker
react-datepicker是一个日期选择模块。
npm门牌号：https://www.npmjs.com/package/react-datepicker
15. react-table
react-table 是一个强大的表格模块。
npm门牌号：https://www.npmjs.com/package/react-table
16. react-awesome-button
react-awesome-button 是一个按钮模块库。
npm门牌号：https://www.npmjs.com/package/react-awesome-button
17. react-compound-slider
react-compound-slider 是一个滑块模块。
npm门牌号：https://www.npmjs.com/package/react-compound-slider
18. react-checkbox-tree
react-checkbox-tree 是一个复选框模块。
npm门牌号：https://www.npmjs.com/package/react-checkbox-tree
19. recharts
recharts 是一个React图表库。
npm门牌号：https://www.npmjs.com/package/recharts
20. react-modal
react-modal 是一个静态动画库模块库。
npm门牌号：https://www.npmjs.com/package/react-modal
21. react-responsive-carousel
react-responsive-carousel 是一个响应式的轮播模块库。
npm门牌号：https://www.npmjs.com/package/react-responsive-carousel
22. react-image-lightbox
react-image-lightbox 是一个用作显示图片的模块库。
npm门牌号：https://www.npmjs.com/package/react-image-lightbox
23. react-tabs
react-tabs 是一个选项卡模块。
npm门牌号：https://www.npmjs.com/package/react-tabs
24. rebass
Rebass是一个用作构筑响应式WEB应用的React UI辅助工具包，它有60多种可定制的此基础模块，而且风格样式分立，不需要编写自定义的CSS。
官网门牌号：https://rebassjs.org/
25. react-suite
React Suite是一套转为后端打造的企业级UI模块库，它由 HYPERS 前端团队与 UX 团队共同打造，有大量的通用模块和功能，而且支持 Typescript 与 Flow, 支持服务端渲染。
官网门牌号：https://rsuitejs.com/
四、动画
1. react-spring
react-spring是基于spring-physics（弹簧物理）的react动画库，动画效果更加流畅、自然。
npm门牌号：https://www.npmjs.com/package/react-spring
2. react-motion
react-motion是一个强大的react动画库。npm门牌号：https://www.npmjs.com/package/react-motion
3. react-transition-group
react-transition-group是一个专为动画设计的库。
npm门牌号：https://www.npmjs.com/package/react-transition-group
4. react-spinner
react-spinner用来创建读取模块。
npm门牌号：https://www.npmjs.com/package/react-spinner
五、HTTP
1. Axios
Axios 是一个基于 promise 的 HTTP 库，能用在浏览器和 node.js 中。
npm门牌号：https://www.npmjs.com/package/axios
2. apisauce
apisauce 是一个建立在 axios 之上的 http 客户端。官方介绍：Axios + standardized errors + request/response transforms.
npm门牌号：https://www.npmjs.com/package/apisauce
3. SuperAgent
SuperAgent 是一个轻量的Ajax API，服务器端（Node.js）客户端（浏览器端）均可采用，SuperAgent具有学习曲线低、采用单纯、可读性好的特点,可作为客户端请求代理模块采用，当想处理get,post,put,delete,head请求时，能考虑采用SuperAgent。
npm门牌号：https://www.npmjs.com/package/superagent
六、CSS
1. styled-components
styled-components 能在 JavaScript 代码中采用 CSS 来设置 React 模块的样式。通过这个库能自定义模块的样式，它会将给定的样式包装成一个模块，能直接采用这个模块，也不需要模块和样式之间的映射，即创建后就是一个正常的React 模块。
npm门牌号：https://www.npmjs.com/package/styled-components
2. emotion
emotion是JS库中一种高效率灵活的CSS。基于JS库中的许多其他CSS，它允许您采用字符串或对象样式快速设置应用程序样式。它具有可预测的组成，以防止CSS的特殊性问题。
npm门牌号：https://www.npmjs.com/package/emotion
七、测试
1. @testing-library/react
React Testing Library 基于DOtils，是以上两者的轻量实现。
npm门牌号：https://www.npmjs.com/package/@testing-library/react
2. Enzyme
Enzyme 来自 airbnb 公司，是一个用作 React 的 JavaScript 测试辅助工具，方便你判断、操纵和遍历 React Components 输出。
npm门牌号：https://www.npmjs.com/package/enzyme
八、表单
1. react-hook-form
React Hook Form是一个高性能、灵活、易拓展、易于采用的表单校验库，用作React Web＆Native的表单验证。
官网门牌号：https://react-hook-form.com/
2. Formik
Formik是由React模块和hooks组成，它内置了表单的state管理操作，无需我们在单独为表单建立state，同时采用了Context，能够让表单模块多层嵌套，不再需要我们一层层传递。
npm门牌号：https://www.npmjs.com/package/formik
3. react-use-form-state
react-use-form-state是一个小型 React Hook，它采用原生表单输入元素来简化管理表单的状态。
npm门牌号：https://www.npmjs.com/package/react-use-form-state
九、自定义Hooks
1. use-clippy
use-clippy 是一个用 TypeScript 实现的自定义 React Hook，能用作读取和写入用户的剪贴板。
npm门牌号：https://www.npmjs.com/package/use-clippy
2. react-window-communication-hook
react-window-communication-hook 能实现在浏览器上下文（窗口、选项卡、iframes）之间进行通信。
npm门牌号：https://www.npmjs.com/package/react-window-communication-hook
3. react-speech-kit
react-speech-kit 是一个用作浏览器内语音识别和语音合成的 React hook。单纯来说就是能将声音识别为文字，将文字合成为语音。
npm门牌号：https://www.npmjs.com/package/react-speech-kit
4. react-script-hook
react-script-hook是一个用作动态读取（并在读取时通知）外部脚本的钩子。
npm门牌号：https://www.npmjs.com/package/react-script-hook
5. use-mouse-action
use-mouse-action 是一个有三个React hook的库，用作侦听元素或 JSX 元素上的鼠标事件。包括鼠标操作、鼠标按下、鼠标抬起事件。
npm门牌号：https://www.npmjs.com/package/use-mouse-action
6. @rehooks/online-status
@rehooks/online-status 用作检查网络状态以确定用户是否已连接到网络。
npm 门牌号：https://www.npmjs.com/package/@rehooks/online-status
7. @rehooks/document-title
@rehooks/document-title 用作更新页面标题（显示在浏览器的选项卡中）。
npm门牌号：https://www.npmjs.com/package/@rehooks/document-title
8. useHooks
自定义hook库，包涵很多新颖的Hooks。
官网门牌号：https://usehooks.com/
9. react-hanger
react-hanger是一个自定义React Hooks库，它包涵很多新颖的自定义hooks。
npm门牌号：https://www.npmjs.com/package/react-hanger
