Vue d'ensemble
Cycle de vie d'un composant React
Chaque composant React passe par trois grandes phases :
| Phase | Description |
|---|
| Mounting | Le composant est créé et inséré dans le DOM |
| Updating | Les props ou le state changent → re-render |
| Unmounting | Le composant est retiré du DOM |
Méthodes de classe vs Hooks
| Classe (legacy) | Hook équivalent |
|---|
constructor() | useState(valeurInitiale) |
componentDidMount() | useEffect(() => { ... }, []) |
componentDidUpdate(prevProps, prevState) | useEffect(() => { ... }, [dep]) |
componentWillUnmount() | useEffect(() => { return () => { ... } }, []) |
shouldComponentUpdate() | React.memo / useMemo |
componentDidCatch() | Error Boundary (classe uniquement) |
