返回 前端
Awesome React Hooks
Awesome react hooks
Awesome React Hooks
¶
关于 React Hooks 的精选列表.
> Hooks 是 React 16.8 中的新增功能. 它们让你无需编写类就可以使用状态和其他 React 特性.
Hooks¶
- Introducing Hooks
- Hooks at a Glance
- Using the State Hook
- Using the Effect Hook
- Rules of Hooks
- Building Your Own Hooks
- Hooks API Reference
- Hooks FAQ
Tutorials/Articles/Workshops¶
- React Today and Tomorrow and 90% Cleaner React - 丹·阿布拉莫夫和索菲·艾伯特.
- Making Sense of React Hooks - 丹阿布拉莫夫.
- React Hooks and Suspense - 肯特 C. 多兹.
- React Hooks & testing: Stepping through React code - 肯特 C. 多兹.
- My Thoughts on React Hooks - 本·阿瓦德.
- Fetching Data from an API with React Hooks useEffect - 本·阿瓦德.
- Are React Hooks Slower than Class Components? - 本·阿瓦德.
- Building a Todo List with React Hooks useState - 本·阿瓦德.
- Using React Hooks vs. Class Components - 本·阿瓦德.
- Using Immer with Reducers and React Hooks - 本·阿瓦德.
- React Hooks useContext - 本·阿瓦德.
- Everything you need to know about React Hooks - 卡尔·维图洛.
- Hooks in react-spring, a tutorial - 保罗亨舍尔.
- React Hooks: Notes Taken - 托马斯·康拉迪.
- Getting Started with React Hooks - 克里斯塞维利亚.
- React hooks: not magic, just arrays - 鲁迪亚德利.
- Why React’s new Hooks API is a game changer - 鲁迪亚德利.
- Writing Custom React Hooks for GraphQL - 纳德会给
- Manage global state with React Hooks - 查尔斯斯托弗.
- React Hooks: Managing Web Sockets with useEffect and useState - 罗斯回合.
- Primer on React Hooks - 奥斯汀约翰斯顿.
- React Hooks - A deeper dive featuring useContext and useReducer - 奥斯汀约翰斯顿.
- Advanced React Hooks Workshop - 肯特 C. 多兹.
Discussions¶
- v6 Candidate Preview: Use React Hooks for connect - 马克埃里克森.
- RFC: React Hooks - 塞巴斯蒂安马克博格.
- Using Hooks in React Native - 赫克托·拉莫斯.
Examples¶
- Color Match - 颜色匹配游戏.
- React Hooks counter - 使用 React Hooks 的 useState 计数器.
- Toggle component - 使用 React Hooks 制作的切换组件.
- Hooks test - 使用 React Hooks 相对较好地解决了一些复杂的用例.
- React Hanger - 反应衣架示例.
- React Navigation Hooks - 反应挂钩,方便反应导航使用.
- Haunted - 为 Web 组件实现的 React 的 Hooks API.
- useHooks - 易于理解的 React Hook 食谱 Gabe Ragland.
- Collection of React Hooks - 反应钩子的集合.
- React Spring demo - 演示 react-spring 如何使用 React Hooks 作为新的 API.
- React Hooks - React Hooks useState() 和 useEffect().
- Hooks Todo App - 使用 React Hooks 制作的应用程序.
- react-thanos - React 挂钩 Google 的 Thanos 复活节彩蛋的实现.
Extensions/Libraries¶
- redux-react-hook - React Hook 用于从 Redux 存储访问状态和调度.
- react-use - 基本的 React Hooks 集合.
- The Platform - 浏览器 API 变成了 React Hooks 和常见情况下对 Suspense 友好的 React 元素.
- eslint-plugin-react-hooks - 此插件强制执行挂钩规则以避免常见错误.
- react-hooks-lib - 一组可重复使用的 React Hooks.
- use-immer - 使用 immer 作为 React 钩子来操纵状态的钩子.
- react-hanger - React 16.7 的一小部分有用的钩子.
- react-firebase-hooks - 一组可重复使用的 Firebase React Hooks.
- react-intersection-visible-hook - React hook 基于 IntersectionVisible Observer 跟踪功能组件的可见性.
- use-timer - 用于处理计时器的简单 React 挂钩.
- react-native-hooks - React Native API 转变为 React Hooks,用于无状态 React 组件.
- react-with-hooks - 用于建议的 React Hooks API 的 Ponyfill.
- react-hooks-screen-type - 确定 Bootstrap 4 网格的屏幕尺寸类型.
- use-http - 用于发出同构 HTTP 请求的 React 挂钩.
- react-fetch-hook - React hook 方便使用 Fetch API.
- storeon - 173 字节的基于钩子的状态管理器.
- react-hook-form - 性能、灵活和可扩展的表单,易于验证.
License¶
令人敬畏的 React 钩子是 CC0 licensed.

