React de A à Z (Hooks, Redux, Context inclus)
- Description
- Programme
- Commentaires
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.
-
3Créer son dossier et Let & ConstVideo lesson
-
4Fonctions fléchées et fonctions classiquesVideo lesson
-
5Spread & RestVideo lesson
-
6Les fonctions puresVideo lesson
-
7Les fonctions d'ordre supérieurVideo lesson
-
8Les fonctions d'ordre supérieur des tableauxVideo lesson
-
9DestructuringVideo lesson
-
10Mettre en place une web appVideo lesson
-
11Explication des fichiersVideo lesson
-
12Qu'est ce que le JSX ?Video lesson
-
13Notre premier composantVideo lesson
-
14Découverte de useState()Video lesson
-
15Modifier le stateVideo lesson
-
16Les "props"Video lesson
-
17Remonter le stateVideo lesson
-
18Utiliser du CSS avec ReactVideo lesson
-
19Utiliser des imagesVideo lesson
-
20Utiliser des inputsVideo lesson
-
29Les règles des HooksVideo lesson
-
30Le hook "useEffect"Video lesson
-
31Un appel à une API avec useEffectVideo lesson
-
32Utiliser "setInterval" avec ReactVideo lesson
-
33La destruction d'un composantVideo lesson
-
34Les "React fragments"Video lesson
-
35Le hook "useRef()"Video lesson
-
36Sélection un tableau d'élémentsVideo lesson
-
37Utiliser "addEventListener"Video lesson
-
38Ne jamais changer le state directement dans un tableau/objetVideo lesson
-
39Comprendre "props.children"Video lesson
-
40Utiliser "usememo" et "react.memo"Video lesson
-
41Compléter le tout avec "useCallback"Video lesson
-
42Créer un "hook" personnaliséVideo lesson
-
55Installation de ReduxVideo lesson
-
56Création du storeVideo lesson
-
57Utiliser "useSelector"Video lesson
-
58Créer un "Reducer"Video lesson
-
59Le "payload" avec un "dispatch"Video lesson
-
60Combiner plusieurs reducersVideo lesson
-
61Qu'est ce qu'un middleware?Video lesson
-
62Appel asynchrone avec ReduxVideo lesson