React Hooks: The Complete Guide

React Hooks revolutionized how we write React components. This guide covers everything from basics to advanced patterns.

useState

const [count, setCount] = useState(0);

useEffect

useEffect(() => {
  document.title = \`Count: \${count}\`;
}, [count]);

Custom Hooks

function useLocalStorage(key, initialValue) {
  const [value, setValue] = useState(() => {
    const stored = localStorage.getItem(key);
    return stored ? JSON.parse(stored) : initialValue;
  });

  useEffect(() => {
    localStorage.setItem(key, JSON.stringify(value));
  }, [key, value]);

  return [value, setValue];
}