76
GitHub - glauberfc/awesome-react-hooks: A curated list about React Hooks
source link: https://github.com/glauberfc/awesome-react-hooks
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
README.md
Awesome React Hooks
A curated list about React Hooks.
Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.
Contents
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 - Dan Abramov and Sophie Alpert.
- Making Sense of React Hooks - Dan Abramov.
- React Hooks and Suspense - Kent C. Dodds.
- React Hooks & testing: Stepping through React code - Kent C. Dodds.
- My Thoughts on React Hooks - Ben Awad.
- Fetching Data from an API with React Hooks useEffect - Ben Awad.
- Are React Hooks Slower than Class Components? - Ben Awad.
- Building a Todo List with React Hooks useState - Ben Awad.
- Using React Hooks vs. Class Components - Ben Awad.
- Using Immer with Reducers and React Hooks - Ben Awad.
- React Hooks useContext - Ben Awad.
- Everything you need to know about React Hooks - Carl Vitullo.
- Hooks in react-spring, a tutorial - Paul Henschel.
- React Hooks: Notes Taken - Tomáš Konrády.
- Getting Started with React Hooks - Chris Sevilleja.
- React hooks: not magic, just arrays - Rudi Yardley.
- Why React’s new Hooks API is a game changer - Rudi Yardley.
- Writing Custom React Hooks for GraphQL - Nader Dabit.
- Manage global state with React Hooks - Charles Stover.
- React Hooks: Managing Web Sockets with useEffect and useState - Ross Bulat.
- Primer on React Hooks - Austin Johnston.
- React Hooks - A deeper dive featuring useContext and useReducer - Austin Johnston.
- Advanced React Hooks Workshop - Kent C. Dodds.
Discussions
- v6 Candidate Preview: Use React Hooks for connect - Mark Erikson.
- RFC: React Hooks - Sebastian Markbåge.
- Using Hooks in React Native - Héctor Ramos.
Examples
- Color Match - Color Match Game.
- React Hooks counter - Counter using useState of React Hooks.
- Toggle component - Toggle component made with React Hooks.
- Hooks test - Somewhat complicated use case solved relatively nicely with React Hooks.
- React Hanger - React Hanger example.
- React Navigation Hooks - React hooks for convenient react-navigation use.
- Haunted - React's Hooks API implemented for web components.
- useHooks - Easy to understand React Hook recipes by Gabe Ragland.
- Collection of React Hooks - Collection of React Hooks.
- React Spring demo - Demo of how react-spring could use React Hooks as a new API.
- React Hooks - React Hooks useState() and useEffect().
- Hooks Todo App - App made with React Hooks.
- react-thanos - React hooks implementation of Google's Thanos easter egg.
Extensions/Libraries
- redux-react-hook - React Hook for accessing state and dispatch from a Redux store.
- react-use - Collection of essential React Hooks.
- The Platform - Browser API's turned into React Hooks and Suspense-friendly React elements for common situations.
- eslint-plugin-react-hooks - This plugin enforce rule of hooks to avoid common mistakes.
- react-hooks-lib - A set of reusable React Hooks.
- use-immer - A hook to use immer as a React hook to manipulate state.
- react-hanger - A small collection of useful hooks for React 16.7.
- react-firebase-hooks - A set of reusable React Hooks for Firebase.
- react-intersection-visible-hook - React hook to track the visibility of a functional component based on IntersectionVisible Observer.
- use-timer - Simple React hook to handle timer.
- react-native-hooks - React Native APIs turned into React Hooks for use in stateless React components.
- react-with-hooks - Ponyfill for the proposed React Hooks API.
- react-hooks-screen-type - Determining screen size type for Bootstrap 4 grid.
- use-http - React hooks for making isomorphic HTTP requests.
- react-fetch-hook - React hook for conveniently use Fetch API.
License
To the extent possible under law, Glauber Castro has waived all copyright and related or neighboring rights to this work.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK