Formations Thématiques À propos

Accueil›REACT JS›02 - Les composants basiques de liste

02 - Les composants basiques de liste

Développement Front EndCours⏱ 3m34

Chapitre suivant →☰ Sommaire ← Précédent

Chapitres

87 leçons

01 - Afficher des composants sous conditions

02 - Variabiliser les éléments

03 - Lier le principe d'état et la notion d'affichage conditionnel

04 - Modification du state et gestion de l'affichage conditionnel

05 - L’opérateur &&

06 - Les conditions ternaires

01 - Fonctions Composants et Classes Composants

02 - Props et fonctions

03 - Props et classes

04 - Explication sur les classes

05 - Conclusion avant l’exercice pratique

06 - Introduction à l’exercice

07 - Correction de l’exercice - Gestion des composants

08 - Correction de l’exercice - Gestion de l'objet Props

01 - Explication sur la syntaxe

02 - Les expressions JSX

03 - Les expressions JSX et ES6

04 - Spécifier des attributs en JSX

05 - Spécifier des éléments enfants

06 - JSX représente des objets

01 - Installation d'un faux serveur JSON

02 - Configuration du serveur JSON

03 - Charger les todos depuis le serveur

04 - Gérer la suppression d'un todo sur le serveur

05 - Gérer l'ajout d'un TODO

06 - Gérer la modification d'un TODO

01 - Approche de la gestion d'état

02 - Mise en place d'un state

03 - Comment mettre à jour un composant

04 - Méthodes de cycles de vie

05 - Résumé

06 - Aller plus loin au niveau du state

02 - Composition et héritage

03 - Remonter l'état

04 - Lier le state aux valeur des inputs

05 - Mise en place des méthodes de conversion

06 - Conversion

08 - Condition ternaire

09 - S'occuper du reset du formulaire

11 - Conclusion

01 - Gérer les événements

00 - Présentation

01 - Installation

02 - Création d'une application

03 - Hello World

01 - Introduction

02 - Le Hook d'état

03 - Le Hook d'effet

04 - Effet avec et sans nettoyage

05 - Explications

06 - Introduction à l’exercice

07 - Création du composant

08 - Lier un state au useEffect

01 - Explications

02 - Mettre à jour un élément affiché façon JS

01 - Les composants controlés

02 - Gérer plusieurs saisies

01 - La gestion des listes en React JS avec la méthode map()

02 - Les composants basiques de liste

03 - Les clés

04 - Extraire des composants avec des clés

01 - Spread Operator & Object Destructuring

02 - Méthodes map() et filter()

03 - BackTicks et destructuration de l'objet Props

04 - Ajouter du style dans composant React

05 - Appliquer des classes sous conditions

06 - Introduction au développement de l'application Todo APP

01 - Introduction

02 - Création de l'application

03 - Mise en place de l'architecture

04 - Création des composants

05 - Mise en place du state et de la liste de todos

06 - Gérer l'ajout d'un Todo

07 - Gérer la suppression d'un Todo

08 - Gérer le toggle sur la propriété reminder

09 - Gérer le toggle de l'affichage du formulaire - onClick

10 - Gérer le compteur de todo et l'affichage d'un message si la liste est vide

11 - Gérer le bouton de suppression

12 - Gérer le toggle sur la propriété reminder de tous les todos

13 - Mettre en place une navigation en React JS