React de A à Z (Hooks, Redux, Contexte inclus)
- الوصف
- أقسام الدرس
- رأي
Dans cette formation tu vas apprendre à utiliser le Framework Javascript le plus populaire.
Il reste encore aujourd’hui le Framework le plus demandé.
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 cette compétence.
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.
-
4Let, const et varدرس فيديو
-
5Les template stringsدرس فيديو
-
6Les différences entre les fonctions fléchées et les fonctions classiquesدرس فيديو
-
7Le spread operatorدرس فيديو
-
8Le destructuringدرس فيديو
-
9Le rest operator et les paramètres par défautدرس فيديو
-
10Les fonctions puresدرس فيديو
-
11Les fonctions d'ordre supérieurدرس فيديو
-
12Les méthodes des tableaux partie 1درس فيديو
-
13Les méthodes des tableaux partie 2درس فيديو
-
14Astuces syntaxiquesدرس فيديو
-
15La méthode fetch()درس فيديو
-
16Utiliser les modules es6درس فيديو
-
21Mise en place du dossier et des extensionsدرس فيديو
-
22Pourquoi faut-il toujours retourner un seul élément ?درس فيديو
-
23La syntaxe et les fonctionnalités JSXدرس فيديو
-
24Notre premier composantدرس فيديو
-
25Utiliser des évènementsدرس فيديو
-
26Le stateدرس فيديو
-
27Les propsدرس فيديو
-
28Utiliser du CSSدرس فيديو
-
29Créer une liste d'élémentsدرس فيديو
-
30Utiliser des imagesدرس فيديو
-
31Rendu conditionnel avec ifدرس فيديو
-
32Rendu conditionnel avec une opération ternaireدرس فيديو
-
33Rendu conditionnel avec une opération de court-circuitدرس فيديو
-
34Exemple de toggle d'une classe htmlدرس فيديو
-
35Utiliser useRef() pour une valeur persistanteدرس فيديو
-
36Utiliser useRef() pour sélectionner un élémentدرس فيديو
-
37Les inputs controllésدرس فيديو
-
38Les inputs incontrollésدرس فيديو
-
44Les Fragmentsدرس فيديو
-
45Les règles des hooksدرس فيديو
-
46Le hook useEffectدرس فيديو
-
47Le cycle de vie d'un composantدرس فيديو
-
48La fonction de nettoyageدرس فيديو
-
49Ajouter un évènement globalدرس فيديو
-
50Appeler une APIدرس فيديو
-
51Utiliser un observateurدرس فيديو
-
52Utiliser setIntervalدرس فيديو
-
53Sélectionner plusieurs éléments statiquesدرس فيديو
-
54Sélectionner une liste dynamiqueدرس فيديو
-
55Comprendre les "props.children"درس فيديو
-
56Utiliser memo et useCallback()درس فيديو
-
57Le hook useMemoدرس فيديو
-
58Comprendre useReducerدرس فيديو
-
59Créer un hook personnaliséدرس فيديو
-
60Utiliser des CSS Modulesدرس فيديو
-
61Utiliser TailwindCSSدرس فيديو
-
76Introduction et mise en placeدرس فيديو
-
77Architecture classiqueدرس فيديو
-
78Envoyer une action avec dispatchدرس فيديو
-
79Créer l'UI du projet Fruityدرس فيديو
-
80Création de des données de l'inventaireدرس فيديو
-
81Ajouter et enlever un fruitدرس فيديو
-
82Afficher les fruits sélectionnésدرس فيديو
-
83Comprendre les extraReducersدرس فيديو
-
84Utiliser un custom middlewareدرس فيديو
-
85Utiliser le middleware "logger"درس فيديو
-
86Appeler une API avec le thunk middlewareدرس فيديو
-
87Afficher les donnéesدرس فيديو
-
88Créer un chronoدرس فيديو
-
89Mise en place du projetدرس فيديو
-
90Création du panneau de configuration et des ongletsدرس فيديو
-
91Mise en place du store redux et des statesدرس فيديو
-
92Afficher les composants des propriétés de la boxدرس فيديو
-
93Mettre en place les inputs range liés à la boîteدرس فيديو
-
94Mettre en place l'input color lié à la boîteدرس فيديو
-
95Afficher la liste des ombresدرس فيديو
-
96Ajouter les inputs des ombresدرس فيديو
-
97Gérer l'input color des ombresدرس فيديو
-
98Gérer les inputs range des ombresدرس فيديو
-
99Ajouter les checkboxesدرس فيديو
-
100Petites rectifications d'UIدرس فيديو
-
101Ajouter la visualisationدرس فيديو
-
102Donner les valeurs du state à la boxدرس فيديو
-
103Activer la modaleدرس فيديو
-
104Créer le contenu de la modaleدرس فيديو
-
105Copier les valeurs et empêcher le scroll quand la modale est ouverteدرس فيديو
-
106Gérer la suppression des ombresدرس فيديو