What are Hooks?
1 / 5

What are Hooks?

Hooks let you use state in functional components

code
import { useState } from 'react';
useState
2 / 5

useState

Manage state in your components

code
const [count, setCount] = useState(0);
useEffect
3 / 5

useEffect

Handle side effects in your components

code
useEffect(() => {
  document.title = `Count: ${count}`;
}, [count]);
Custom Hooks
4 / 5

Custom Hooks

Create your own reusable hooks

code
function useCounter(initial) {
  const [count, setCount] = useState(initial);
  return { count, setCount };
}