其他插件

react-string-replace（替换部分字符串）

一种使用React组件安全地进行字符串替换的简单方法，用于将字符串中某段符合要求的部分自由添加内容。
比如：中间某个部分添加单独颜色或者元素。（测试中间部分添加颜色）（555 测试要求部分加粗变色 456789）

react-document-title（根据路由动态 title）

提供 document.title 在单页应用程序中指定的声明方式,根据不同的路由改变文档的标题.该组件也可以在服务器端使用。

react-custom-scrollbars（兼容的自定义滚动条）

兼容各个浏览器、PC端、移动端的自定义滚动条，支持悬浮等设置，还可以绑定各种事件。演示

prop-types（官方 react 的类型检查）

在 React V15.5 以前 propTypes 是集成在 React 中的，它使用的是 React 内置的类型检测。React V15.5 之后的版本是利用 props-types 这个独立的第三方库来进行类型检测的。

path-to-regexp（url 路径正则）

该工具库用来处理 url 中地址与参数，能够很方便得到我们想要的数据。
js 中有 RegExp 方法做正则表达式校验，而 path-to-regexp 可以看成是 url 字符串的正则表达式。

react-media、react-container-query（媒体查询组件，响应式）

react-media：一个 用于匹配到组件监听CSS媒体查询，并呈现基于查询是否匹配与否的东西。
react-container-query：响应组件样式中的真正模块化。

react-use（hoocks 库）

一个很好用的React Hooks库，参考资料。例如生命周期：

usEffectOnce - 一个只运行一次的修改的useffect挂钩。
useEvent - 订阅事件。
useLifecycles - 调用mount和unmount回调。
useMountedState and useUnmountPromise - 如果已挂载组件，则跟踪。
usePromise - 仅在安装组件时解析promise。
useLogger - 在组件经历生命周期时登录控制台。
useMount - 调用mount回调。
useUmount - 调用unmount回调。
useUpdateEffect -  仅对更新运行效果

elevator.js（回到顶部）

一个使得“回到顶部”的网页滚动，具有电梯效果的 JS 库。

use-deep-compare-effect（深度比较 effect）

React 的内置useEffect钩子有第二个参数叫做“依赖数组”，它允许你优化 React 何时调用你的效果回调。React 将在每个值之间进行比较（via Object.is）以确定是否应该调用您的效果回调。
问题是，如果您需要为这些依赖项之一提供一个对象，并且该对象在每次渲染时都是新的，那么即使没有更改任何属性，您的效果仍然会被调用。
警告：请仅在您确实找不到使用 React.useEffect. 通常有比深入比较更好的方法来做你想做的事情。