Récupération des données
Partie du cours React
Presque aucune application réelle ne peut se contenter d'afficher les données que l'utilisateur a déjà sous les yeux. À un moment, un composant doit demander quelque chose à un serveur, une liste d'utilisateurs, les détails d'un produit, une page de résultats de recherche, et tant que la réponse n'est pas revenue il y a un laps de temps pendant lequel le composant n'a rien à montrer, avec un vrai risque que la...
Appeler un serveur est un effet de bord, quelque chose qui sort du cadre "calculer le JSX de ce composant à partir de ses props et de son état actuels", de la même famille que démarrer un minuteur ou ouvrir une connexion. Si vous appeliez fetch directement dans le corps d'un composant, l'appel partirait à chaque rendu, y compris les rendus déclenchés pour des raisons qui n'ont rien à voir avec un besoin de données...
Envie d’apprendre React Récupération des données dans un vrai environnement ?
Cliquez ci-dessous, obtenez une machine Linux avec React prêt, et travaillez sur Récupération des données avec un tuteur IA qui connaît votre code.
Commencer cette leçonRécupération des donnéesCe que vous allez apprendre
- Fetch inside useEffect
- Loading/error/data states
- AbortController cleanup
- Preventing setState after unmount
- Mention TanStack Query as a next step
Lire cette leçon dans votre langue
Toutes les leçons de ce cours
17 leçons- 1Qu'est-ce que React ?25 min
- 2JSX et Components30 min
- 3Props30 min
- 4Le State avec useState35 min
- 5Gestion des événements30 min
- 6Rendu conditionnel et listes30 min
- 7Formulaires et Controlled Inputs35 min
- 8Les Effects avec useEffect40 min
- 9Récupération des données40 min
- 10Composition de Components35 min
- 11Context et useContext35 min
- 12useReducer35 min
- 13Hooks personnalisés35 min
- 14Performance et Memoization35 min
- 15Routage avec React Router40 min
- 16Tester les Components React40 min
- 17Projet final : Application de liste de tâches60 min
