React de A à Z (Hooks, Redux, Context inclus)
- Objectifs pédagogiques
- Sections du cours
- Avis
Dans cette formation tu vas apprendre à utiliser le Framework Javascript le plus populaire : React.
Il reste encore le Framework le plus demandé en 2021.
Tu peux trouver des centaines de missions chaque jour sur les sites de Freelance liés au code.
Les agences web et les entreprises s’arrachent les développeurs qui ont ces compétences.
C’est simple, la demande est beaucoup plus grande que l’offre.
Alors qu’attends tu pour apprendre React ?
Dans cette formation tu vas :
- Faire un rappel ES6, car nous allons utiliser beaucoup de JavaScript moderne(fonctions fléchées, const, let, destructuring…)
- Découvrir les bases de React
- Gérer les données des composants avec State et Props
- Créer une application qui contient plusieurs « pages » avec React-Router.
- Centraliser le State avec l’API de contexte
- Utiliser les « React Hooks »
- Apprendre à utiliser Redux avec React
- Consommer des APIs avec React
- Créer un « dark/light mode »
- Faire des rendus conditionnels
- Créer un blog
- et bien d’autres choses !
Quels sont les prérequis ?
Il faut maîtriser JavaScript, avoir déjà utilisé des fonctions callback, du JavaScript moderne, bien comprendre le destructuring, let & const, la portée, etc …
Il faut également avoir des connaissances basiques en HTML / CSS.
Enfin il faut de la volonté et une bonne dose de discipline.
Cette formation sera constamment mise à jour, car l’écosystème de React évolue très rapidement.
Ton instructeur, Enzo.
-
10Mettre en place une web appLeçon vidéo
-
11Explication des fichiersLeçon vidéo
-
12Qu'est ce que le JSX ?Leçon vidéo
-
13Notre premier composantLeçon vidéo
-
14Découverte de useState()Leçon vidéo
-
15Modifier le stateLeçon vidéo
-
16Les "props"Leçon vidéo
-
17Remonter le stateLeçon vidéo
-
18Utiliser du CSS avec ReactLeçon vidéo
-
19Utiliser des imagesLeçon vidéo
-
20Utiliser des inputsLeçon vidéo
-
29Les règles des HooksLeçon vidéo
-
30Le hook "useEffect"Leçon vidéo
-
31Un appel à une API avec useEffectLeçon vidéo
-
32Utiliser "setInterval" avec ReactLeçon vidéo
-
33La destruction d'un composantLeçon vidéo
-
34Les "React fragments"Leçon vidéo
-
35Le hook "useRef()"Leçon vidéo
-
36Sélection un tableau d'élémentsLeçon vidéo
-
37Utiliser "addEventListener"Leçon vidéo
-
38Ne jamais changer le state directement dans un tableau/objetLeçon vidéo
-
39Comprendre "props.children"Leçon vidéo
-
40Utiliser "usememo" et "react.memo"Leçon vidéo
-
41Compléter le tout avec "useCallback"Leçon vidéo
-
42Créer un "hook" personnaliséLeçon vidéo
-
55Installation de ReduxLeçon vidéo
-
56Création du storeLeçon vidéo
-
57Utiliser "useSelector"Leçon vidéo
-
58Créer un "Reducer"Leçon vidéo
-
59Le "payload" avec un "dispatch"Leçon vidéo
-
60Combiner plusieurs reducersLeçon vidéo
-
61Qu'est ce qu'un middleware?Leçon vidéo
-
62Appel asynchrone avec ReduxLeçon vidéo