Lecture automatique
Autocomplete
Session précédente
Terminez et continuez
React de A à Z
Introduction
Introduction (5:23)
Code source (3:56)
Astuce pour suivre le cours (0:58)
Rappel ES6 et JavaScript moderne
Créer son dossier et Let & Const (11:22)
Fonctions fléchées et fonctions classiques (6:47)
Spread & Rest (4:36)
Les fonctions pures (3:38)
Les fonctions d'ordre supérieur (6:03)
Les fonctions d'ordre supérieur des tableaux (2:59)
Destructuring (3:37)
Les bases de React
Mettre en place une web app (7:48)
Explication des fichiers (9:11)
Qu'est ce que le JSX ? (7:03)
Notre premier composant (4:17)
Découverte de useState() (5:35)
Modifier le state (6:36)
Les "props" (6:55)
Remonter le state (8:00)
Utiliser du CSS avec React (8:08)
Utiliser des images (12:17)
Utiliser des inputs (4:58)
Les rendus conditionnels et les listes
Créer un rendu conditionnel avec "if" (4:18)
L'opérateur ternaire (2:59)
Faire un "toggle" de classes et de css (4:42)
Créer des listes (8:07)
Créer une To-Do Liste
Créer l'interface (11:03)
Afficher la liste (2:58)
ID et suppression (7:26)
Ajouter des éléments (6:39)
React dans le détail
Les règles des Hooks (6:05)
Le hook "useEffect" (7:47)
Un appel à une API avec useEffect (5:11)
Utiliser "setInterval" avec React (8:54)
La destruction d'un composant (5:49)
Les "React fragments" (4:12)
Le hook "useRef()" (7:21)
Sélection un tableau d'éléments (2:46)
Utiliser "addEventListener" (2:17)
Ne jamais changer le state directement dans un tableau/objet (4:59)
Comprendre "props.children" (5:01)
Utiliser "usememo" et "react.memo" (4:48)
Compléter le tout avec "useCallback" (5:30)
Créer un "hook" personnalisé (5:10)
Créer des composants courants
Créer une fenêtre modale (11:17)
Créer un accordéon (17:14)
Coder une navbar responsive (12:52)
Créer un système de routes avec React-router
Installation et première route (5:27)
Créer des chemins dynamiques (6:40)
Créer une navigation (4:40)
Utiliser des "Navlinks" (4:11)
Faire des routes imbriquées (4:55)
Les Hooks utilitaires "useParams" et "useLocation" (4:19)
Découverte de l'API de contexte de React
À quoi sert l'API de contexte ? (2:59)
Mise en place (7:22)
Notre premier contexte (7:16)
Créer un "Dark-light mode" (5:30)
[MAJ DE CETTE SECTION EN COURS] Apprendre à utiliser Redux avec React
Installation de Redux (5:48)
Création du store (4:54)
Utiliser "useSelector" (2:31)
Créer un "Reducer" (4:50)
Le "payload" avec un "dispatch" (6:22)
Combiner plusieurs reducers (5:49)
Qu'est ce qu'un middleware? (4:36)
Appel asynchrone avec Redux (10:03)
[MAJ DE CETTE SECTION EN COURS] Créer un blog avec React
Mise en place (6:36)
Création de l'accueil et d'une carte (9:07)
Création du store et du reducer (7:54)
Afficher les articles (5:13)
Créer le router (5:16)
Créer le formulaire (6:52)
Lier le formulaire au state (8:21)
Lier le formulaire au store (2:38)
Afficher un article (4:35)
Ne pas lier son formulaire et son state (7:44)
Mettre une application React en ligne
Mettre une application React en ligne (8:13)
Mettre une application React en ligne
Contenu de la session verrouillé
Si vous êtes déjà inscrit,
vous aurez besoin de vous connecter
.
Achetez le cours pour déverrouiller