Lecture automatique
Autocomplete
Chapitre précédent
Terminer et continuer
React Mastery
Introduction
Bienvenue dans React Mastery (2:27)
Déroulement de la formation (3:37)
Les Prérequis (5:31)
Git Clone et Installation (6:10)
Démarrer les Modules (8:39)
Structure de fichier (7:00)
Exécuter les Tests (2:48)
Exemple de fonctionnement d'un exercice (13:19)
Prérequis HTML CSS JavaScript
Introduction (9:52)
Rappel HTML CSS (12:49)
Les Scripts (7:13)
JavaScript - Variables et types (18:00)
JavaScript - Fonctions (16:55)
JavaScript - Arrays et Boucles (11:01)
JavaScript - Objects (15:13)
JavaScript - Conditions - Opérateurs de comparaison (22:54)
JavaScript - Manipuler le DOM (20:18)
JavaScript - Les Evènements (16:38)
Challenges (3:34)
Prérequis JavaScript ES6
Introduction ES6 / Installation (18:00)
ESModule Import / Export (15:28)
Template Literals (7:30)
Destructuring, Shorthand property names (11:14)
Fonctions fléchées (8:59)
Nullish Coalishing / Optionnel Chaining / Ternaire (16:52)
Array : Les Méthodes courantes (21:34)
Promises et fonctions Asynchrones (18:51)
Challenges (3:59)
Les Fondamentaux de React
Prérequis & Installation (14:45)
Manipuler le DOM en JavaScript Natif (9:23)
Manipuler le DOM avec React (17:11)
Utilisation de JSX (25:16)
Composants et Props (8:45)
Créer des Composants React (23:59)
Ajouter du Style CSS (30:59)
Rendu Conditionnel (10:14)
Rendu de tableaux (10:11)
Les States - Présentation (11:21)
Les States - Utilisation (22:30)
Les formulaires (21:49)
Challenges (3:53)
Les Designs Patterns courants en React
Introduction (3:08)
Proxy Components (8:08)
Props Functions (36:46)
HOC : Hight Order Component (23:58)
Props Drilling (12:24)
State Hoisting (10:07)
Lifting State Up (17:31)
Challenges (2:33)
Les Hooks
Introduction (15:39)
useState : Valeur initiale (26:34)
Lifecycle & Hook Flow (15:12)
useEffect : les Effets de bords (18:18)
Lifting state (18:13)
Mini application : EmojiList (33:58)
useRef et useEffect : DOM (17:03)
Refactoring calculette IOS (21:01)
useEffect : Appels HTTP simples (13:00)
useEffect : Appels HTTP avancés (33:23)
Challenges (2:35)
Les Hooks avancés
Introduction (7:26)
useReducer : Alternative à useState (43:49)
Hooks Personnalisés : Logique réutilisable (59:31)
Comprendre useCallBack (33:05)
Comprendre useLayoutEffect (12:18)
Code impératif avec useImperativeHandle (18:25)
Context API avec useContext (69:31)
Comprendre useDebugValue (8:47)
Challenges (3:29)
Les Designs Patterns Avancés
Introduction (3:19)
Les Composants Composés (58:38)
Les Composants composés avec le Context API (13:37)
Collection de props (17:26)
Le State Reducer Pattern (21:31)
Props Control Pattern (51:49)
Context Module Functions (18:01)
Challenges (1:49)
Tester une application React
Introduction (18:57)
Test basique avec ReactDOM (21:55)
Test avec React Testing Library (11:08)
Test en boite noir (13:30)
Test de formulaires (32:40)
Mocker les requêtes HTTP (50:58)
Mocker l'API du navigateur (23:22)
Mocker un module (48:25)
Test de composants avec Context API (19:49)
Test de Hooks personnalisés (29:06)
Challenges (1:14)
Application Tracker de temps
Introduction (26:21)
Préparer le composant parent (9:15)
Filtrer les Trackers (19:38)
Affichage des Trackers dans un tableau (10:35)
Ajouter du style (21:37)
Grouper par catégories (24:39)
Sélection d'un Tracker (14:52)
Gestion des dates / durées / refresh (17:02)
Formulaire d'édition de Tracker (62:43)
Formulaire d'édition avancé (44:52)
Challenges (3:35)
Création du Clone de NetFlix
Introduction (10:12)
Structure générale (18:54)
Style / Material UI - Librairie de composants (37:12)
Découpage des composants (10:26)
Fetch de Films et Séries (59:20)
Fetch avancé - gestion des status / error (31:20)
Composant : Ligne de films (37:44)
Fetching et Skeletons (20:41)
React Router : Gérer les routes (44:37)
Gérer l'authentification (47:04)
API REST : Gestion des favoris (68:58)
Gestion de données en mémoire cache (126:08)
Context API (Auth state management) (54:38)
Context API (historique des visites) (54:10)
Performances (68:10)
Les Tests unitaires (50:52)
Les Tests : Hooks & Components (45:07)
Les Tests d'intégrations (61:58)
Les Tests End To End (e2e) (47:00)
Mise en production / Deploiement (14:11)
Créé ton propre projet (seul ou équipe)
Introduction (11:41)
Les Rôles (16:18)
Les éléments obligatoires (7:14)
Timeline (8:12)
Bonus # Masterclass
MasterClass : Automatiser la prospection en Freelance (67:46)
Bonus # Interviews
Monter sa startup - SAAS - Benjamin Cotrel - Neatro (58:10)
Reconversion dev front end React (CDI / Freelance) - Kevin (62:45)
Bonus # Formation aux méthodologies Agiles (Scrum)
Introduction (5:43)
MODULE-1 : Les principes fondamentaux de l’Agilité (17:12)
MODULE-2 : Les méthodologies AGILES les plus courantes (29:40)
MODULE-3 : La méthodologie SCRUM en détail (41:52)
MODULE-4 : La méthode SCRUM à reproduire pas à pas chez toi avec les outils (37:38)
Bonus # Outils et divers
Utiliser un éditeur de code en ligne (11:41)
Structure de fichier
Chapitre bloquer
Si vous êtes déjà membre,
Vous devez nous connecter
.
Rejoindre cette formation