Recently Updated Pages

Jeu web inspiré du concept des six degrés de séparation (variante "Six Degrees of Kevin Bacon"). ...

Higher-Order Components (HOC) Un HOC est une fonction qui prend un composant et retourne un nouve...

Custom Hooks Un custom hook est une fonction commençant par use qui encapsule de la logique réuti...

Bonnes pratiques React Structure de fichiers src/ ├── components/ # Composants réutilis...

Optimisations de performance React.memo — éviter les re-renders inutiles // L'enfant se re-rend ...

React Query (TanStack Query) La meilleure solution pour gérer l'état serveur : cache automatique,...

Appels API : fetch et axios fetch natif async function getUsers() { const res = await fetch('/...

Zustand — État global simple et performant Bibliothèque légère (~1kb), sans boilerplate, qui évit...

Context API — État global natif Intégré à React. Idéal pour des états peu fréquemment mis à jour ...

Hooks React Router v6 useParams — paramètres d'URL // Route : /users/:id function UserDetail() {...

React Router v6 — Configuration de base npm install react-router-dom Structure minimale import {...

Formulaires contrôlés Dans un formulaire contrôlé, React gère l'état de chaque champ via le state...

Gestion des événements React utilise des événements synthétiques (SyntheticEvent) qui wrappent le...

useMemo et useCallback Ces deux hooks servent à mémoïser des valeurs ou des fonctions pour éviter...

useReducer Alternative à useState pour des états complexes avec plusieurs sous-valeurs ou des tra...

useContext Permet de lire une valeur de contexte sans passer par le prop drilling. Le contexte es...

useRef useRef retourne un objet { current: valeur } qui persiste entre les renders sans déclenche...

useEffect Permet d'exécuter des effets de bord (appels API, timers, listeners...) après le rendu....

useState Permet d'ajouter un état local à un composant fonctionnel. Syntaxe const [state, setSta...

Phase de Unmounting Le composant est retiré du DOM. C'est le moment de nettoyer les effets de bor...