[38;5;12m                                                                           [39m[38;2;255;187;0m[1m[4mAwesome React Hooks [0m[38;5;14m[1m[4m![0m[38;2;255;187;0m[1m[4mAwesome[0m[38;5;14m[1m[4m (https://awesome.re/badge-flat.svg)[0m[38;2;255;187;0m[1m[4m (https://awesome.re)[0m

[38;5;12m (https://reactjs.org/docs/hooks-intro.html)[39m

[38;5;12mA curated list about React Hooks.[39m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12m_Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class._[39m

[38;2;255;187;0m[4mContents[0m

[38;5;12m- [39m[38;5;14m[1mHooks[0m[38;5;12m (#hooks)[39m
[38;5;12m- [39m[38;5;14m[1mTutorials/Articles/Workshops[0m[38;5;12m (#tutorialsarticlesworkshops)[39m
[38;5;12m- [39m[38;5;14m[1mDiscussions[0m[38;5;12m (#discussions)[39m
[38;5;12m- [39m[38;5;14m[1mExamples[0m[38;5;12m (#examples)[39m
[38;5;12m- [39m[38;5;14m[1mExtensions/Libraries[0m[38;5;12m (#extensionslibraries)[39m

[38;2;255;187;0m[4mHooks[0m

[38;5;12m- [39m[38;5;14m[1mIntroducing Hooks[0m[38;5;12m (https://reactjs.org/docs/hooks-intro.html)[39m
[38;5;12m- [39m[38;5;14m[1mHooks at a Glance[0m[38;5;12m (https://reactjs.org/docs/hooks-overview.html)[39m
[38;5;12m- [39m[38;5;14m[1mUsing the State Hook[0m[38;5;12m (https://reactjs.org/docs/hooks-state.html)[39m
[38;5;12m- [39m[38;5;14m[1mUsing the Effect Hook[0m[38;5;12m (https://reactjs.org/docs/hooks-effect.html)[39m
[38;5;12m- [39m[38;5;14m[1mRules of Hooks[0m[38;5;12m (https://reactjs.org/docs/hooks-rules.html)[39m
[38;5;12m- [39m[38;5;14m[1mBuilding Your Own Hooks[0m[38;5;12m (https://reactjs.org/docs/hooks-custom.html)[39m
[38;5;12m- [39m[38;5;14m[1mHooks API Reference[0m[38;5;12m (https://reactjs.org/docs/hooks-reference.html)[39m
[38;5;12m- [39m[38;5;14m[1mHooks FAQ[0m[38;5;12m (https://reactjs.org/docs/hooks-faq.html)[39m

[38;2;255;187;0m[4mTutorials/Articles/Workshops[0m

[38;5;12m- [39m[38;5;14m[1mReact Today and Tomorrow and 90% Cleaner React[0m[38;5;12m (https://www.youtube.com/watch?v=dpw9EHDh2bM) - Dan Abramov and Sophie Alpert.[39m
[38;5;12m- [39m[38;5;14m[1mMaking Sense of React Hooks[0m[38;5;12m (https://medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889) - Dan Abramov.[39m
[38;5;12m- [39m[38;5;14m[1mReact Hooks and Suspense[0m[38;5;12m (https://egghead.io/playlists/react-hooks-and-suspense-650307f2) - Kent C. Dodds.[39m
[38;5;12m- [39m[38;5;14m[1mReact Hooks & testing: Stepping through React code[0m[38;5;12m (https://youtu.be/JQeB9miT9Wc) - Kent C. Dodds.[39m
[38;5;12m- [39m[38;5;14m[1mMy Thoughts on React Hooks[0m[38;5;12m (https://youtu.be/gmF4k6P2va8) - Ben Awad.[39m
[38;5;12m- [39m[38;5;14m[1mFetching Data from an API with React Hooks useEffect[0m[38;5;12m (https://youtu.be/k0WnY0Hqe5c) - Ben Awad.[39m
[38;5;12m- [39m[38;5;14m[1mAre React Hooks Slower than Class Components?[0m[38;5;12m (https://youtu.be/tKRWuVOEB2w) - Ben Awad.[39m
[38;5;12m- [39m[38;5;14m[1mBuilding a Todo List with React Hooks useState[0m[38;5;12m (https://youtu.be/cAZ-fOd1RpA) - Ben Awad.[39m
[38;5;12m- [39m[38;5;14m[1mUsing React Hooks vs. Class Components[0m[38;5;12m (https://youtu.be/vbaIZ3xMj9U) - Ben Awad.[39m
[38;5;12m- [39m[38;5;14m[1mUsing Immer with Reducers and React Hooks[0m[38;5;12m (https://youtu.be/FmKjwh34Rn8) - Ben Awad.[39m
[38;5;12m- [39m[38;5;14m[1mReact Hooks useContext[0m[38;5;12m (https://youtu.be/xWXxkFzgnFM) - Ben Awad.[39m
[38;5;12m- [39m[38;5;14m[1mEverything you need to know about React Hooks[0m[38;5;12m (https://medium.com/@vcarl/everything-you-need-to-know-about-react-hooks-8f680dfd4349) - Carl Vitullo.[39m
[38;5;12m- [39m[38;5;14m[1mHooks in react-spring, a tutorial[0m[38;5;12m (https://medium.com/@drcmda/hooks-in-react-spring-a-tutorial-c6c436ad7ee4) - Paul Henschel.[39m
[38;5;12m- [39m[38;5;14m[1mReact Hooks: Notes Taken[0m[38;5;12m (https://medium.com/@tomaskonrady/react-hooks-notes-taken-c42376af3ab0) - Tomáš Konrády.[39m
[38;5;12m- [39m[38;5;14m[1mGetting Started with React Hooks[0m[38;5;12m (https://scotch.io/tutorials/getting-started-with-react-hooks) - Chris Sevilleja.[39m
[38;5;12m- [39m[38;5;14m[1mReact hooks: not magic, just arrays[0m[38;5;12m (https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e) - Rudi Yardley.[39m
[38;5;12m- [39m[38;5;14m[1mWhy React’s new Hooks API is a game changer[0m[38;5;12m (https://itnext.io/why-reacts-hooks-api-is-a-game-changer-8731c2b0a8c) - Rudi Yardley.[39m
[38;5;12m- [39m[38;5;14m[1mWriting Custom React Hooks for GraphQL[0m[38;5;12m (https://medium.com/open-graphql/react-hooks-for-graphql-3fa8ebdd6c62) - Nader Dabit.[39m
[38;5;12m- [39m[38;5;14m[1mManage global state with React Hooks[0m[38;5;12m (https://medium.com/@Charles_Stover/manage-global-state-with-react-hooks-6065041b55b4) - Charles Stover.[39m
[38;5;12m- [39m[38;5;14m[1mReact Hooks: Managing Web Sockets with useEffect and useState[0m[38;5;12m (https://medium.com/@rossbulat/react-hooks-managing-web-sockets-with-useeffect-and-usestate-2dfc30eeceec) - Ross Bulat.[39m
[38;5;12m- [39m[38;5;14m[1mPrimer on React Hooks[0m[38;5;12m (https://testdriven.io/blog/react-hooks-primer/) - Austin Johnston.[39m
[38;5;12m- [39m[38;5;14m[1mReact Hooks - A deeper dive featuring useContext and useReducer[0m[38;5;12m (https://testdriven.io/blog/react-hooks-advanced/) - Austin Johnston.[39m
[38;5;12m- [39m[38;5;14m[1mAdvanced React Hooks Workshop[0m[38;5;12m (https://github.com/kentcdodds/advanced-react-hooks) - Kent C. Dodds.[39m

[38;2;255;187;0m[4mDiscussions[0m

[38;5;12m- [39m[38;5;14m[1mv6 Candidate Preview: Use React Hooks for connect[0m[38;5;12m (https://github.com/reduxjs/react-redux/pull/1065) - Mark Erikson.[39m
[38;5;12m- [39m[38;5;14m[1mRFC: React Hooks[0m[38;5;12m (https://github.com/reactjs/rfcs/pull/68) - Sebastian Markbåge.[39m
[38;5;12m- [39m[38;5;14m[1mUsing Hooks in React Native[0m[38;5;12m (https://github.com/facebook/react-native/issues/21967#issuecomment-434113687) - Héctor Ramos.[39m

[38;2;255;187;0m[4mExamples[0m

[38;5;12m- [39m[38;5;14m[1mColor Match[0m[38;5;12m (https://codesandbox.io/s/jjy215l7w3) - Color Match Game.[39m
[38;5;12m- [39m[38;5;14m[1mReact Hooks counter[0m[38;5;12m (https://codesandbox.io/s/yjn90lzwrx?module=%2Fsrc%2FApp.js) - Counter using useState of React Hooks.[39m
[38;5;12m- [39m[38;5;14m[1mToggle component[0m[38;5;12m (https://codesandbox.io/s/m449vyk65x) - Toggle component made with React Hooks.[39m
[38;5;12m- [39m[38;5;14m[1mHooks test[0m[38;5;12m (https://github.com/jacobp100/hooks-test) - Somewhat complicated use case solved relatively nicely with React Hooks.[39m
[38;5;12m- [39m[38;5;14m[1mReact Hanger[0m[38;5;12m (https://github.com/kitze/react-hanger) - React Hanger example.[39m
[38;5;12m- [39m[38;5;14m[1mReact Navigation Hooks[0m[38;5;12m (https://github.com/react-navigation/react-navigation-hooks) - React hooks for convenient react-navigation use.[39m
[38;5;12m- [39m[38;5;14m[1mHaunted[0m[38;5;12m (https://github.com/matthewp/haunted) - React's Hooks API implemented for web components.[39m
[38;5;12m- [39m[38;5;14m[1museHooks[0m[38;5;12m (https://usehooks.com/) - Easy to understand React Hook recipes by [39m[38;5;14m[1mGabe Ragland[0m[38;5;12m (https://twitter.com/gabe_ragland).[39m
[38;5;12m- [39m[38;5;14m[1mCollection of React Hooks[0m[38;5;12m (https://nikgraf.github.io/react-hooks/) - Collection of React Hooks.[39m
[38;5;12m- [39m[38;5;14m[1mReact Spring demo[0m[38;5;12m (https://codesandbox.io/s/ppxnl191zx) - Demo of how react-spring could use React Hooks as a new API.[39m
[38;5;12m- [39m[38;5;14m[1mReact Hooks[0m[38;5;12m (https://codesandbox.io/s/yq5qowzrvz) - React Hooks useState() and useEffect().[39m
[38;5;12m- [39m[38;5;14m[1mHooks Todo App[0m[38;5;12m (https://codesandbox.io/s/9kwyzy0y4) - App made with React Hooks.[39m
[38;5;12m- [39m[38;5;14m[1mreact-thanos[0m[38;5;12m (https://github.com/codeshifu/react-thanos) - React hooks implementation of Google's Thanos easter egg.[39m

[38;2;255;187;0m[4mExtensions/Libraries[0m

[38;5;12m- [39m[38;5;14m[1mredux-react-hook[0m[38;5;12m (https://github.com/facebookincubator/redux-react-hook) - React Hook for accessing state and dispatch from a Redux store.[39m
[38;5;12m- [39m[38;5;14m[1mreact-use[0m[38;5;12m (https://github.com/streamich/react-use) - Collection of essential React Hooks.[39m
[38;5;12m- [39m[38;5;14m[1mThe Platform[0m[38;5;12m (https://github.com/palmerhq/the-platform) - Browser API's turned into React Hooks and Suspense-friendly React elements for common situations.[39m
[38;5;12m- [39m[38;5;14m[1meslint-plugin-react-hooks[0m[38;5;12m (https://www.npmjs.com/package/eslint-plugin-react-hooks) - This plugin enforce rule of hooks to avoid common mistakes.[39m
[38;5;12m- [39m[38;5;14m[1mreact-hooks-lib[0m[38;5;12m (https://github.com/beizhedenglong/react-hooks-lib) - A set of reusable React Hooks.[39m
[38;5;12m- [39m[38;5;14m[1muse-immer[0m[38;5;12m (https://github.com/mweststrate/use-immer) - A hook to use immer as a React hook to manipulate state.[39m
[38;5;12m- [39m[38;5;14m[1mreact-hanger[0m[38;5;12m (https://github.com/kitze/react-hanger) - A small collection of useful hooks for React 16.7.[39m
[38;5;12m- [39m[38;5;14m[1mreact-firebase-hooks[0m[38;5;12m (https://github.com/csfrequency/react-firebase-hooks) - A set of reusable React Hooks for Firebase.[39m
[38;5;12m- [39m[38;5;14m[1mreact-intersection-visible-hook[0m[38;5;12m (https://github.com/AvraamMavridis/react-intersection-visible-hook) - React hook to track the visibility of a functional component based on IntersectionVisible Observer.[39m
[38;5;12m- [39m[38;5;14m[1muse-timer[0m[38;5;12m (https://github.com/thibaultboursier/use-timer) - Simple React hook to handle timer.[39m
[38;5;12m- [39m[38;5;14m[1mreact-native-hooks[0m[38;5;12m (https://github.com/react-native-community/react-native-hooks) - React Native APIs turned into React Hooks for use in stateless React components.[39m
[38;5;12m- [39m[38;5;14m[1mreact-with-hooks[0m[38;5;12m (https://github.com/yesmeck/react-with-hooks) - Ponyfill for the proposed React Hooks API.[39m
[38;5;12m- [39m[38;5;14m[1mreact-hooks-screen-type[0m[38;5;12m (https://github.com/pankod/react-hooks-screen-type) - Determining screen size type for Bootstrap 4 grid.[39m
[38;5;12m- [39m[38;5;14m[1muse-http[0m[38;5;12m (https://github.com/alex-cory/react-usefetch) - React hooks for making isomorphic HTTP requests.[39m
[38;5;12m- [39m[38;5;14m[1mreact-fetch-hook[0m[38;5;12m (https://github.com/ilyalesik/react-fetch-hook) - React hook for conveniently use Fetch API.[39m
[38;5;12m- [39m[38;5;14m[1mstoreon[0m[38;5;12m (https://github.com/storeon/storeon) - hook-based state manager in 173 bytes.[39m
[38;5;12m- [39m[38;5;14m[1mreact-hook-form[0m[38;5;12m (https://github.com/bluebill1049/react-hook-form) - Performance, flexible and extensible forms with easy to use for validation.[39m

[38;2;255;187;0m[4mLicense[0m

[38;5;12mAwesome React hooks is [39m[38;5;14m[1mCC0 licensed[0m[38;5;12m (/LICENSE.md).[39m
