效率寶典：10個(gè)超實(shí)用的React Hooks庫(kù)
大家好，我是 CUGGZ。
在 React 項(xiàng)目開(kāi)發(fā)過(guò)程中，一套好用的 React Hooks 庫(kù)是必不可少的，使用這些 React Hooks 庫(kù)可以大大提升開(kāi)發(fā)效率，避免重復(fù)造輪子！今天就來(lái)分享10個(gè)實(shí)用的 React Hooks 庫(kù)！
1. Ahooks
ahooks 是一套由阿里巴巴開(kāi)源的 React Hooks 庫(kù)，封裝了大量好用的 Hooks。其特點(diǎn)如下：
- 易學(xué)易用；
- 支持 SSR；
- 對(duì)輸入輸出函數(shù)做了特殊處理，避免閉包問(wèn)題；
- 包含大量提煉自業(yè)務(wù)的高級(jí) Hooks；
- 包含豐富的基礎(chǔ) Hooks；
- 使用 TypeScript 構(gòu)建，提供完整的類(lèi)型定義文件。
Github：https://github.com/alibaba/hooks
2. React Use
React Use 是一個(gè)必不可少的 React Hooks 集合。其包含了傳感器、用戶界面、動(dòng)畫(huà)效果、副作用、生命周期、狀態(tài)這六大類(lèi)的Hooks。
Github：https://github.com/streamich/react-use
3. useHooks
useHooks 是一組易于理解的 React Hook集合。
Github：https://github.com/uidotdev/usehooks
4. React Recipes
React Recipes 是一個(gè)包含流行的自定義 Hook 的 React Hooks 實(shí)用程序庫(kù)。
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 來(lái)加速你的組件和 hooks 開(kāi)發(fā)。
Github：https://github.com/antonioru/beautiful-react-hooks
8. Awesome React Hooks
Awesome React Hooks 是一個(gè)很棒的 React Hooks 資源集合，該集合包含React Hooks教程、視頻、工具，Hooks列表。其中Hooks列表中包含了眾多實(shí)用的自定義Hooks。
Github：https://github.com/rehooks/awesome-react-hooks
9. SWR
SWR 是一個(gè)用于獲取數(shù)據(jù)的 React Hooks 庫(kù)。只需一個(gè)Hook，就可以顯著簡(jiǎn)化項(xiàng)目中的數(shù)據(jù)獲取邏輯。其特點(diǎn)如下：
- 極速、輕量、可重用的數(shù)據(jù)請(qǐng)求；
- 內(nèi)置緩存和重復(fù)請(qǐng)求去除；
- 實(shí)時(shí)體驗(yàn)；
- 傳輸和協(xié)議不可知；
- 支持 SSR / ISR / SSG；
- 支持 TypeScript；
- React Native。
Github：https://github.com/vercel/swr
10. React Hook Form
React Hook Form 是一個(gè)高性能、靈活、易拓展、易于使用的表單校驗(yàn)庫(kù)，用于 React Web 和 React Native 的表單驗(yàn)證。其具有以下特性：
- 使創(chuàng)建表單和集成更加便捷；
- 非受控表單校驗(yàn)；
- 以性能和開(kāi)發(fā)體驗(yàn)為基礎(chǔ)構(gòu)建；
- 迷你的體積而沒(méi)有其他依賴；
- 遵循 html 標(biāo)準(zhǔn)進(jìn)行校驗(yàn)；
- 與 React Native 兼容；
- 支持Yup, Joi, Superstruct或自定義；
- 支持瀏覽器原生校驗(yàn)。
Github：https://github.com/react-hook-form/react-hook-form
