← Retour au cours

Chapitre 7 — Hooks React (useState, useEffect)

⏱ 30 min · 🎬 Video · 🏆 15 XP
🎬
Vidéo en production
Notre équipe pédagogique tourne actuellement cette leçon avec un·e formateur·rice expert·e. Le contenu textuel ci-dessous est complet et utilisable dès maintenant.

⚙️ useState — gestion d'état

Le hook fondamental pour créer des composants stateful.

  • const [count, setCount] = useState(0)
  • Le state est immutable : utiliser setCount(count + 1)
  • Pour state complexe : setUser({...user, name: 'Jean'})

⏱️ useEffect — effets de bord

  • useEffect(() => { ... }, [deps])
  • Sans dépendance : exécuté à chaque render
  • Avec [] vide : exécuté 1 fois (montage)
  • Cleanup : return () => { /* cleanup */ }