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.