社区编辑申请
注册/登录
效率宝典:10个超实用的React Hooks库
开发 前端
React Use 是一个必不可少的 React Hooks 集合。其包含了传感器、用户界面、动画效果、副作用、生命周期、状态这六大类的Hooks。

大家好,我是 CUGGZ。

在 React 项目开发过程中,一套好用的 React Hooks 库是必不可少的,使用这些 React Hooks 库可以大大提升开发效率,避免重复造轮子!今天就来分享10个实用的 React Hooks 库!

1. Ahooks

ahooks 是一套由阿里巴巴开源的 React Hooks 库,封装了大量好用的 Hooks。其特点如下:

  • 易学易用;
  • 支持 SSR;
  • 对输入输出函数做了特殊处理,避免闭包问题;
  • 包含大量提炼自业务的高级 Hooks;
  • 包含丰富的基础 Hooks;
  • 使用 TypeScript 构建,提供完整的类型定义文件。

图片

Github:https://github.com/alibaba/hooks

2. React Use

React Use 是一个必不可少的 React Hooks 集合。其包含了传感器、用户界面、动画效果、副作用、生命周期、状态这六大类的Hooks。

图片

Github:https://github.com/streamich/react-use

3. useHooks

useHooks 是一组易于理解的 React Hook集合。

图片

Github:https://github.com/uidotdev/usehooks

4. React Recipes

React Recipes 是一个包含流行的自定义 Hook 的 React Hooks 实用程序库。

图片

Github:https://github.com/craig1123/react-recipes

5. Rhooks

Rhooks 是一组基本的 React 自定义Hooks。

图片

Github:https://github.com/imbhargav5/rooks

6. React Hanger

React Hanger 是一组有用的Hooks。

图片

Github:https://github.com/kitze/react-hanger

7. Beautiful React Hook

Beautiful React Hook 是一组漂亮的(希望有用的)React hooks 来加速你的组件和 hooks 开发。

图片

Github:https://github.com/antonioru/beautiful-react-hooks

8. Awesome React Hooks

Awesome React Hooks  是一个很棒的 React Hooks 资源集合,该集合包含React Hooks教程、视频、工具,Hooks列表。其中Hooks列表中包含了众多实用的自定义Hooks。

图片

Github:https://github.com/rehooks/awesome-react-hooks

9. SWR

SWR 是一个用于获取数据的 React Hooks 库。只需一个Hook,就可以显着简化项目中的数据获取逻辑。其特点如下:

  • 极速、轻量、可重用的数据请求;
  • 内置缓存和重复请求去除;
  • 实时体验;
  • 传输和协议不可知;
  • 支持 SSR / ISR / SSG;
  • 支持 TypeScript;
  • React Native。

图片

Github:https://github.com/vercel/swr

10. React Hook Form

React Hook Form 是一个高性能、灵活、易拓展、易于使用的表单校验库,用于 React Web 和 React Native 的表单验证。其具有以下特性:

  • 使创建表单和集成更加便捷;
  • 非受控表单校验;
  • 以性能和开发体验为基础构建;
  • 迷你的体积而没有其他依赖;
  • 遵循 html 标准进行校验;
  • 与 React Native 兼容;
  • 支持Yup, Joi, Superstruct或自定义;
  • 支持浏览器原生校验。

图片

Github:https://github.com/react-hook-form/react-hook-form

责任编辑:武晓燕 来源: 前端充电宝
相关推荐

2020-08-10 06:31:01

2022-04-16 20:10:00

2022-05-11 07:50:15

React UI组件库前端

2022-06-13 09:00:33

2022-06-02 09:01:36

2022-04-18 17:28:14

React前端

2022-05-04 10:38:58

React闭包组件

2021-12-08 07:49:46

2022-05-07 14:08:42

Python自动化脚本

2022-05-11 08:23:54

自动化测试软件测试

2022-03-16 22:24:50

ReactstateHooks

2022-06-10 09:00:53

前端项目个JSON

2022-06-07 11:16:51

云原生人工智能运维

2022-06-24 11:14:00

美团开源

2022-03-03 22:00:19

Hooks函数组件React

2022-03-22 09:09:17

HookReact前端

2022-05-17 09:00:00

Next.js餐厅网站Cosmic

2022-06-26 06:32:28

MySQL数据库维护

2022-06-13 06:33:04

浏览器浏览器插件

2022-06-09 10:12:01

网络安全人工智能威胁监测

同话题下的热门内容

哪个版本的JVM最快?无代码软件发展简史及未来趋势携程基于 GraphQL 的前端 BFF 服务开发实践为什么会存在 1px 问题?怎么解决?一文搞定常考Vue-Router知识点EcmaScript 2022 正式发布,有哪些新特性?一文详解|增长那些事儿远程医疗:优势、前景和现有IT解决方案

编辑推荐

太厉害了,终于有人能把TCP/IP协议讲的明明白白了!牛人5次面试腾讯不成功的经验HBase原理–所有Region切分的细节都在这里了Javascript如何监听页面刷新和关闭事件如何搭建一个HTTPS服务端
我收藏的内容
点赞
收藏

51CTO技术栈公众号