1 line
No EOL
10 KiB
JSON
1 line
No EOL
10 KiB
JSON
{"slug": "glauberfc--awesome-react-hooks", "title": "React Hooks", "description": "A curated list about React Hooks", "github_url": "https://github.com/glauberfc/awesome-react-hooks", "stars": "1.1K", "tag": "Front-End Development", "entry_count": 69, "subcategory_count": 1, "subcategories": [{"name": "General", "parent": "", "entries": [{"name": "Hooks", "url": "#hooks", "description": ""}, {"name": "Tutorials/Articles/Workshops", "url": "#tutorialsarticlesworkshops", "description": ""}, {"name": "Discussions", "url": "#discussions", "description": ""}, {"name": "Examples", "url": "#examples", "description": ""}, {"name": "Extensions/Libraries", "url": "#extensionslibraries", "description": ""}, {"name": "Introducing Hooks", "url": "https://reactjs.org/docs/hooks-intro.html", "description": ""}, {"name": "Hooks at a Glance", "url": "https://reactjs.org/docs/hooks-overview.html", "description": ""}, {"name": "Using the State Hook", "url": "https://reactjs.org/docs/hooks-state.html", "description": ""}, {"name": "Using the Effect Hook", "url": "https://reactjs.org/docs/hooks-effect.html", "description": ""}, {"name": "Rules of Hooks", "url": "https://reactjs.org/docs/hooks-rules.html", "description": ""}, {"name": "Building Your Own Hooks", "url": "https://reactjs.org/docs/hooks-custom.html", "description": ""}, {"name": "Hooks API Reference", "url": "https://reactjs.org/docs/hooks-reference.html", "description": ""}, {"name": "Hooks FAQ", "url": "https://reactjs.org/docs/hooks-faq.html", "description": ""}, {"name": "React Today and Tomorrow and 90% Cleaner React", "url": "https://www.youtube.com/watch?v=dpw9EHDh2bM", "description": "Dan Abramov and Sophie Alpert."}, {"name": "Making Sense of React Hooks", "url": "https://medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889", "description": "Dan Abramov."}, {"name": "React Hooks and Suspense", "url": "https://egghead.io/playlists/react-hooks-and-suspense-650307f2", "description": "Kent C. Dodds."}, {"name": "React Hooks & testing: Stepping through React code", "url": "https://youtu.be/JQeB9miT9Wc", "description": "Kent C. Dodds."}, {"name": "My Thoughts on React Hooks", "url": "https://youtu.be/gmF4k6P2va8", "description": "Ben Awad."}, {"name": "Fetching Data from an API with React Hooks useEffect", "url": "https://youtu.be/k0WnY0Hqe5c", "description": "Ben Awad."}, {"name": "Are React Hooks Slower than Class Components?", "url": "https://youtu.be/tKRWuVOEB2w", "description": "Ben Awad."}, {"name": "Building a Todo List with React Hooks useState", "url": "https://youtu.be/cAZ-fOd1RpA", "description": "Ben Awad."}, {"name": "Using React Hooks vs. Class Components", "url": "https://youtu.be/vbaIZ3xMj9U", "description": "Ben Awad."}, {"name": "Using Immer with Reducers and React Hooks", "url": "https://youtu.be/FmKjwh34Rn8", "description": "Ben Awad."}, {"name": "React Hooks useContext", "url": "https://youtu.be/xWXxkFzgnFM", "description": "Ben Awad."}, {"name": "Everything you need to know about React Hooks", "url": "https://medium.com/@vcarl/everything-you-need-to-know-about-react-hooks-8f680dfd4349", "description": "Carl Vitullo."}, {"name": "Hooks in react-spring, a tutorial", "url": "https://medium.com/@drcmda/hooks-in-react-spring-a-tutorial-c6c436ad7ee4", "description": "Paul Henschel."}, {"name": "React Hooks: Notes Taken", "url": "https://medium.com/@tomaskonrady/react-hooks-notes-taken-c42376af3ab0", "description": "Tom\u00e1\u0161 Konr\u00e1dy."}, {"name": "Getting Started with React Hooks", "url": "https://scotch.io/tutorials/getting-started-with-react-hooks", "description": "Chris Sevilleja."}, {"name": "React hooks: not magic, just arrays", "url": "https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e", "description": "Rudi Yardley."}, {"name": "Why React\u2019s new Hooks API is a game changer", "url": "https://itnext.io/why-reacts-hooks-api-is-a-game-changer-8731c2b0a8c", "description": "Rudi Yardley."}, {"name": "Writing Custom React Hooks for GraphQL", "url": "https://medium.com/open-graphql/react-hooks-for-graphql-3fa8ebdd6c62", "description": "Nader Dabit."}, {"name": "Manage global state with React Hooks", "url": "https://medium.com/@Charles_Stover/manage-global-state-with-react-hooks-6065041b55b4", "description": "Charles Stover."}, {"name": "React Hooks: Managing Web Sockets with useEffect and useState", "url": "https://medium.com/@rossbulat/react-hooks-managing-web-sockets-with-useeffect-and-usestate-2dfc30eeceec", "description": "Ross Bulat."}, {"name": "Primer on React Hooks", "url": "https://testdriven.io/blog/react-hooks-primer/", "description": "Austin Johnston."}, {"name": "React Hooks - A deeper dive featuring useContext and useReducer", "url": "https://testdriven.io/blog/react-hooks-advanced/", "description": "Austin Johnston."}, {"name": "Advanced React Hooks Workshop", "url": "https://github.com/kentcdodds/advanced-react-hooks", "description": "Kent C. Dodds.", "stars": "1.8k"}, {"name": "v6 Candidate Preview: Use React Hooks for connect", "url": "https://github.com/reduxjs/react-redux/pull/1065", "description": "Mark Erikson.", "stars": "22k"}, {"name": "RFC: React Hooks", "url": "https://github.com/reactjs/rfcs/pull/68", "description": "Sebastian Markb\u00e5ge.", "stars": "4.5k"}, {"name": "Using Hooks in React Native", "url": "https://github.com/facebook/react-native/issues/21967#issuecomment-434113687", "description": "H\u00e9ctor Ramos.", "stars": "105k"}, {"name": "Color Match", "url": "https://codesandbox.io/s/jjy215l7w3", "description": "Color Match Game."}, {"name": "React Hooks counter", "url": "https://codesandbox.io/s/yjn90lzwrx?module=%2Fsrc%2FApp.js", "description": "Counter using useState of React Hooks."}, {"name": "Toggle component", "url": "https://codesandbox.io/s/m449vyk65x", "description": "Toggle component made with React Hooks."}, {"name": "Hooks test", "url": "https://github.com/jacobp100/hooks-test", "description": "Somewhat complicated use case solved relatively nicely with React Hooks.", "stars": "199"}, {"name": "React Hanger", "url": "https://github.com/kitze/react-hanger", "description": "React Hanger example.", "stars": "1.8k"}, {"name": "React Navigation Hooks", "url": "https://github.com/react-navigation/react-navigation-hooks", "description": "React hooks for convenient react-navigation use.", "stars": "577"}, {"name": "Haunted", "url": "https://github.com/matthewp/haunted", "description": "React's Hooks API implemented for web components.", "stars": "2.4k"}, {"name": "useHooks", "url": "https://usehooks.com/", "description": "Easy to understand React Hook recipes by [Gabe Ragland](https://twitter.com/gabe_ragland)."}, {"name": "Collection of React Hooks", "url": "https://nikgraf.github.io/react-hooks/", "description": "Collection of React Hooks."}, {"name": "React Spring demo", "url": "https://codesandbox.io/s/ppxnl191zx", "description": "Demo of how react-spring could use React Hooks as a new API."}, {"name": "React Hooks", "url": "https://codesandbox.io/s/yq5qowzrvz", "description": "React Hooks useState() and useEffect()."}, {"name": "Hooks Todo App", "url": "https://codesandbox.io/s/9kwyzy0y4", "description": "App made with React Hooks."}, {"name": "react-thanos", "url": "https://github.com/codeshifu/react-thanos", "description": "React hooks implementation of Google's Thanos easter egg.", "stars": "35"}, {"name": "redux-react-hook", "url": "https://github.com/facebookincubator/redux-react-hook", "description": "React Hook for accessing state and dispatch from a Redux store.", "stars": "2.2k"}, {"name": "react-use", "url": "https://github.com/streamich/react-use", "description": "Collection of essential React Hooks.", "stars": "34k"}, {"name": "The Platform", "url": "https://github.com/palmerhq/the-platform", "description": "Browser API's turned into React Hooks and Suspense-friendly React elements for common situations.", "stars": "4.4k"}, {"name": "eslint-plugin-react-hooks", "url": "https://www.npmjs.com/package/eslint-plugin-react-hooks", "description": "This plugin enforce rule of hooks to avoid common mistakes."}, {"name": "react-hooks-lib", "url": "https://github.com/beizhedenglong/react-hooks-lib", "description": "A set of reusable React Hooks.", "stars": "531"}, {"name": "use-immer", "url": "https://github.com/mweststrate/use-immer", "description": "A hook to use immer as a React hook to manipulate state.", "stars": "2.4k"}, {"name": "react-hanger", "url": "https://github.com/kitze/react-hanger", "description": "A small collection of useful hooks for React 16.7.", "stars": "1.8k"}, {"name": "react-firebase-hooks", "url": "https://github.com/csfrequency/react-firebase-hooks", "description": "A set of reusable React Hooks for Firebase.", "stars": "2.9k"}, {"name": "react-intersection-visible-hook", "url": "https://github.com/AvraamMavridis/react-intersection-visible-hook", "description": "React hook to track the visibility of a functional component based on IntersectionVisible Observer.", "stars": "50"}, {"name": "use-timer", "url": "https://github.com/thibaultboursier/use-timer", "description": "Simple React hook to handle timer.", "stars": "169"}, {"name": "react-native-hooks", "url": "https://github.com/react-native-community/react-native-hooks", "description": "React Native APIs turned into React Hooks for use in stateless React components.", "stars": "2.9k"}, {"name": "react-with-hooks", "url": "https://github.com/yesmeck/react-with-hooks", "description": "Ponyfill for the proposed React Hooks API.", "stars": "152"}, {"name": "react-hooks-screen-type", "url": "https://github.com/pankod/react-hooks-screen-type", "description": "Determining screen size type for Bootstrap 4 grid.", "stars": "15"}, {"name": "use-http", "url": "https://github.com/alex-cory/react-usefetch", "description": "React hooks for making isomorphic HTTP requests.", "stars": "2.2k"}, {"name": "react-fetch-hook", "url": "https://github.com/ilyalesik/react-fetch-hook", "description": "React hook for conveniently use Fetch API.", "stars": "348"}, {"name": "storeon", "url": "https://github.com/storeon/storeon", "description": "hook-based state manager in 173 bytes.", "stars": "1.9k"}, {"name": "react-hook-form", "url": "https://github.com/bluebill1049/react-hook-form", "description": "Performance, flexible and extensible forms with easy to use for validation.", "stars": "31k"}]}], "name": ""} |