React Hooks
The React snippet collection contains function components and reusable hooks for React 16.
React useSet hook
Creates a stateful
Setobject, and a set of functions to manipulate it.React, Hooks · Nov 1, 2021
React useIntersectionObserver hook
Observes visibility changes for a given element.
React, Hooks · Sep 10, 2021
React useMediaQuery hook
Checks if the current environment matches a given media query and returns the appropriate value.
React, Hooks · Oct 13, 2021
Tip: Label your useState values in React developer tools
When working with multiple
useStatehooks in React, things can get a bit complicated while debugging. Luckily, there's an easy way to label these values.React, Hooks · Nov 7, 2021
React useComponentDidMount hook
Executes a callback immediately after a component is mounted.
React, Hooks · Oct 13, 2021
React useComponentWillUnmount hook
Executes a callback immediately before a component is unmounted and destroyed.
React, Hooks · Oct 13, 2021
React useDelayedState hook
Delays creating a stateful value until some condition is met.
React, Hooks · Dec 15, 2021
React useMutationObserver hook
Watches for changes made to the DOM tree, using a
MutationObserverReact, Hooks · Nov 23, 2021
React useIsomporphicEffect hook
Resolves to
useEffect()on the server anduseLayoutEffect()on the client.React, Hooks · Oct 13, 2021
React useDefault hook
Creates a stateful value with a default fallback if it's
nullorundefined, and a function to update it.React, Hooks · Oct 23, 2021
