Rendu conditionnel et listes
Partie du cours React
Presque tous les écrans que vous avez utilisés affichent une chose plutôt qu'une autre selon une condition : une bannière « vous avez de nouveaux messages » qui n'apparaît que s'il y a de nouveaux messages, un indicateur de chargement qui ne s'affiche que pendant le chargement.
Imaginez un portier posté devant une salle. Avant de laisser entrer qui que ce soit, il vérifie exactement une chose. Si la vérification passe, la personne entre. Si elle échoue, il ne se passe rien du tout : aucune explication, aucun texte de remplacement, juste le silence et une porte close. ...
Envie d’apprendre React Rendu conditionnel et listes dans un vrai environnement ?
Cliquez ci-dessous, obtenez une machine Linux avec React prêt, et travaillez sur Rendu conditionnel et listes avec un tuteur IA qui connaît votre code.
Commencer cette leçonRendu conditionnel et listesCe que vous allez apprendre
- && for show/hide
- Ternary for either/or
- Mapping arrays to JSX
- The key prop
- Why keys need to be stable
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
