|
1.use-http use-http 是一个非常有用的库，可用来替代Fetch API。它使您的编码更简单易懂，更精确地讲是数据操作部分。 use-http 本身使用TypeScript，甚至支持SSR和GraphQL。它返回响应，加载，错误数据和不同的请求方法，例如Get，Post，Put，Patch和Delete。 2. useMedia您是否需要一种跟踪CSS媒体查询的方法？useMedia提供一个简单的方法解决这个问题。这是一个能够准确跟踪的感官钩子。在任何应用程序或网站上，媒体查询以及响应能力都非常重要。 它以TypeScript编写。该软件包具有定义明确的文档，它的用法以及测试方法也解释的非常好。 3.ConstateConstate可将本地状态提升到React Context。这意味着可以以最小的努力轻松地将任何组件的任何状态提升到上下文。如果您想在多个位置使用相同的状态，或者为多个组件提供相同的状态，这很有用。该名称来自合并 Con text和 state 。 4. Redux hooksRedux是许多（即使不是全部）React开发人员的知名工具。在整个应用程序中，它用作全局状态管理器。在React的最初版本发布几个月后，它就随hooks而出现了。它通过利用现有的connect（）方法 提供了 一种 替代HOC（高阶组件）模式的方法。 提供的最著名的挂钩是： useSelector useDispatch useStore
5. React hook formReact hook form 是一个表单钩子库，类似于Formik和Redux表单，但是更好！凭借其更简单的语法，速度，更少的重新渲染数和更好的可维护性，它开始爬上GitHub的阶梯。 它的体积很小，并且是考虑到性能而构建起来的。该库甚至提供了非常棒的表单生成器！它是React钩子库中GitHub star数量最多的库之一（14.8k）。
6. useDebounceuseDebounce表示一个用于防抖的小钩子。它用于将功能的执行推迟到以后。常用于获取数据的输入框和表格中。
7. useLocalStorageuseLocalStorage是一个小钩子，与上面的钩子一样。它对于在localStorage中提取和设置数据非常有用。使用它之后操作变得很容易。 提供自动JSON序列化和同步的功能 文档以高质量的方式编写，并且通过扩展示例可以完全理解。
8. usePortalusePortal使得创建下拉菜单，弹出层，通知弹出窗口，提示等变得非常容易！它提供了在应用程序的DOM层次结构之外创建元素的功能。 它还提供了门户样式和大量其他选项的完全定制。
9. useHover它确定是否正在处于hover的React元素。简单易用。该库很小，易于使用，但如果您有足够的创造力，它可能会很强大。 它还提供了悬停效果的延迟功能。支持TypeScript。虽然文档没有那么详细，但是它将向您展示如何正确地使用它。
10. React router hooksReact router 是React最受欢迎的库之一。它用于路由和获取应用程序URL历史记录等。它与Redux一起实现了用于获取此类有用的数据。 提供的挂钩有： useHistory useLocation useParams useRouteMatch
它的名字很不言自明。UseHistory将获取应用程序历史记录和方法的数据，例如push一个new route。UseLocation将返回代表当前URL的对象。UseParams将返回当前URL的参数的键-值对的对象。最后，useRouteMatch将尝试将当前URL与给定URL进行匹配，给定URL可以是字符串，也可以是具有不同选项的对象。
| 
发表于 2021-1-11 13:42:07
|
查看: 669|
回复: 0
|小黑屋| 码途山海.智隐长卷
渝ICP备15002301号-2
渝公网安备50011202504426
回复
支持
反对