React Hooks Community Examples

React Hooks Counter Demo
An example of creating a counter component using React Hooks.

Traffic light using hooks
A switching traffic light that makes use of React Hooks.

useLocalStorage
Sync state to local storage so that it persists through a page refresh. Usage is similar to useState except we pass in a local storage key so that we can default to that value on page load instead of the specified initial value.

React Hooks Animations
Shows how React Hooks can be used with react-spring to create new type of animations.

useState() and useEffect()
An example of using useState() and useEffect()

Declarative Intervals
An implementation of setInterval using React Hooks, showing how you can clean up the interval correctly and even how to dynamically change the delay. https://overreacted.io/making-setinterval-declarative-with-react-hooks/

basic useTransition masonry grid
Using React Hooks in combination with react-spring to create a transition in a masonry grid.

Dialog with React Hooks
Create dialogs using React Hooks.

useSpring React Hook
Shows how you can use the useSpring hook and react-spring library to create high-performance interactive animations.

Sequence vs Timestep Animations
Using react-spring in combination with hooks to do sequence and timestep animations.

Comment System using React Hooks
An example Reddit-like comment system using React Hooks.

Form Hooks
Implementation of a form where the props for the elements are provided with hooks.

Animated Routes
Animated routes using a hook called 'useRouter' and the 'useTransition' hook from react-spring.

Combo Box
An accessible combo box.

Konami Code
A hook that listens when the Konami code is pressed

useWindowResize
Respond to a window resize event using a hook.

Cancelable Fetch
A fetch implementation that can be cancelled