8 Essential React Hooks
Copy, Paste, Ship

// Copy any hook directly into your project
import { useLocalStorage } from './hooks/useLocalStorage';

function UserPreferences() {
  const [theme, setTheme] = useLocalStorage('theme', 'light');
  const [language, setLanguage] = useLocalStorage('lang', 'en');
  
  return (
    <div className={`app ${theme}`}>
      <button onClick={() => setTheme(
        theme === 'light' ? 'dark' : 'light'
      )}>
        Switch to {theme === 'light' ? 'dark' : 'light'} mode
      </button>
      
      <select 
        value={language} 
        onChange={(e) => setLanguage(e.target.value)}
      >
        <option value="en">English</option>
        <option value="es">Español</option>
        <option value="fr">Français</option>
      </select>
    </div>
  );
}