React

Qu'est-ce que JSX ? JSX (JavaScript XML) est une extension syntaxique de JavaScript qui permet d'...

Les composants React Un composant est une fonction (ou classe) qui retourne du JSX. Il est réutil...

Les Props Les props (propriétés) sont les paramètres passés à un composant depuis son parent. Ell...

Le State (État) Le state est la mémoire locale d'un composant. Contrairement aux props, il peut c...

Cycle de vie d'un composant React Chaque composant React passe par trois grandes phases : Pha...

Phase de Mounting Le composant est initialisé et rendu pour la première fois dans le DOM. Avec l...

Phase de Updating Le composant se re-rend quand ses props ou son state changent. Avec les classe...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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