◎ Formation complète React ◎
➲ React : section 1
⁂ 1.1 Introduction React➔ Bienvenu sur cette première vidéo react
⁂ 2.1 Qu'est ce que React➔ Dans cette vidéo je vous explique ce qu'est React et son histoire.
⁂ 2.2 Comment installer react sur son ordinateur ?➔ Dans cette vidéo je vous montre comment installer react sur votre ordinateur.
⁂ 2.3 Exemple code React➔ Dans ce cours je vous montre des exemples de code react.
➲ React : section 2
⁂2.4 Let & const➔ Dans ce cours je vous montre et explique Let & const.
⁂ 2.5 Fonction en flèche➔ Dans ce cours on va voir les Fonctions en flèche.
⁂ 2.6 Exportations & Importations➔ Dans ce cours on va voir Exportations & Importations.
⁂ 2.7 Comprendre les classes➔ Dans ce cours on va voir comment Comprendre les classes.
⁂ 2.8 Class Méthodes Propriété➔ Dans ce cours on va voir Class Méthodes Propriété.
⁂ 2.9 L'opérateur spread et Rest➔ Dans ce cours on va voir L'opérateur spread et Rest.
⁂ 3.0 Destructuration➔ Dans ce cours on va voir la Destructuration
⁂ 3.1 Actualisation des types de référence et primitifs➔ Dans ce cours on va voir l'actualisation des types de référence et primitifs
⁂ 3.2 Rafraîchissement des fonctions de tableau➔ Dans ce cours on va voir le rafraîchissement des fonctions de tableau
⁂ 3.2.0 Conclusion➔ Dans ce cours on fait la conclusion de cette section de cours
➲ React : section 3
⁂ 3.3 Présentation du projet➔ Dans ce cours je vous fait la Présentation du projet
⁂ 3.4 Le code React est écrit de manière déclarative.➔ Dans ce cours on va voir "le code React est écrit de manière déclarative"
⁂ 3.5 Présentation des modules➔ Dans ce cours je fais la présentation des modules
⁂ 3.6 Crée un nouveau projet➔ Dans ce cours on va crée un nouveau projet pour notre site web
⁂ 3.7 Analyser un projet React standard➔ Dans ce cours on va analyser un projet React standard
⁂ 3.8 Présentation de JSX➔ Dans ce cours je vous fait la Présentation de JSX
⁂ 3.9 Comment fonctionne React➔ Dans ce cours je vous explique comment fonctionne React
⁂ 3.10 Construire un premier composant personnalisé➔ Dans ce cours on va construire un premier composant personnalisé
⁂ 3.10.1-ecriture-de-code-jsx➔ Dans ce cours on va écrire du code JSX
⁂ 3.11 Ajouter un style CSS de base➔ Dans ce cours on va Ajouter un style CSS de base
⁂ 3.12 Sortie de données dynamiques et utilisation d'expressions dans JSX➔ Dans ce cours on va faire une Sortie de données dynamiques et l'utilisation d'expressions dans JSX
⁂ 3.13 Ajout d'une logique javascript normal aux composants➔ Dans ce cours on va Ajouter une logique javascript normal aux composants
⁂ 3.14 Diviser les composants en plusieurs composants➔ Dans ce cours on va diviser les composants en plusieurs composants
⁂ 3.15 Devoir 1 temps de pratique react et component basics➔ Dans ce cours on va diviser les composants en plusieurs composants
⁂ 3.16 Passer des données via des props➔ Dans ce cours on va passer des données via des props
⁂ 3.17 un premier résumé➔ Dans ce cours on va faire un premier résumé de notre code
⁂ 3.18 un regard plus attentif sur JSX➔ Dans ce cours on va avoir un regard plus attentif sur JSX
⁂ 3.19 organisation des fichiers de composant➔ Dans ce cours on va voir une organisation des fichiers de composant
⁂ 3.20 une syntaxe de fonction alternative➔ Dans ce cours on va voir une syntaxe de fonction alternative dans react
➲ React : section 4
⁂ 4.0 Modules introduction➔ Dans ce cours on va voir les modules d'introduction
⁂ 4.1 écoute des événements et utilisation des gestionnaires d'événements➔ Dans ce cours on va voir "écoute des événements et utilisation des gestionnaires d'événements"
⁂ 4.2 comment les fonctions des composants sont éxécutées➔ Dans ce cours on va voir les fonctions des composants
⁂ 4.3 travailler avec état➔ Dans ce cours on va travailler avec état
⁂ 4.4 un examen plus approfondi du crochet useState➔ Dans ce cours on va voir et je vais vous expliquer un crochet useState
⁂ 4.5 écouter l'entrée de l'utilisateur➔ Dans ce cours on va écouter l'entrée de l'utilisateur
⁂ 4.6 travailler avec plusieurs états➔ Dans ce cours on va travailler avec plusieurs états
⁂ 4.7 état de mise à jour qui dépend de l'état précédent➔ Dans ce cours on va voir état de mise à jour qui dépend de l'état précédent
⁂ 4.8 Utiliser un état à la place (et ce qui est mieux)➔ Dans ce cours on va utiliser un état à la place
⁂ 4.9 ajout d'entrées de formulaire➔ Dans ce cours on va faire un ajout d'entrées de formulaire
⁂ 4.10 ajout d'une liaison bidirectionnelle➔ Dans ce cours on va faire un ajout d'une liaison bidirectionnelle
⁂ 4.11 traitement de la soumission du formulaire➔ Dans ce cours on va faire un ajout d'une liaison bidirectionnelle
⁂ 4.12 composante de communication enfant-parent (ascendante)➔ Dans ce cours on va voir la composante de communication enfant-parent
⁂ 4.13 élever l'état➔ Dans ce cours on va voir comment élever l'état dans react
⁂ 4.14 Composants contrôlés vs non contrôlés et composants sans état vs avec état➔ Dans ce cours on va voir les Composants contrôlés vs non contrôlés et composants sans état vs avec état
➲ React : section 5
⁂ 5.0 Module introduction➔ Dans ce cours on va voir les modules d'introduction
⁂ 5.1 Rndu des listes de données➔ Vidéo concernant le rendu des listes de données
⁂ 5.2 Utilisation de listes avec tat➔ Vidéo concernant l'utilisation de listes avec tat
⁂ 5.3 Comprendre les clés➔ Vidéo concernant A comprendre les clés
⁂ 5.4 Sortie de contenu conditionnel➔ Vidéo concernant la sortie de contenu conditionnel
⁂ 5.5 Ajouter des instructions de retour conditionnel➔ Vidéo concernant à ajouter des instruction de retour conditionnel
⁂ 5.6 Application de démonstration ajout d'un graphique➔ Vidéo concernant l'application de démonstration ajout d'un graphique
⁂ 5.7 Ajout de styles dynamiques➔ Vidéo concernant l'ajout de styles dynamiques
⁂ 6.1 Conclusion et prochaine étapes➔ Vidéo concernant la conclusion et prochaine étapes
👍 Viens apprendre à maitriser React
➲ Section 1 :
⁂ REACT - 1 Introduction à React➔ Premier chapitre de la formation React : son histoire, sa création et ce qu'il permet de faire, avant l'installation et le premier exemple de code.
➲ Section 6 :
⁂ REACT - 6.2 Introduction aux styles dynamiques en React➔ Découvrez le module sur les styles dynamiques en React : styles conditionnels et styles isolés pour chaque composant, avec une bibliothèque dédiée.
⁂ REACT - 6.3 Définir des styles en ligne dynamiques (partie 2)➔ Changez la bordure et le fond d'un champ React selon la validité de la saisie, avec la propriété style, un objet et la méthode trim() pour vérifier le texte.
⁂ REACT - 6.4 Appliquer dynamiquement des classes CSS➔ Apprenez à ajouter une classe CSS de façon conditionnelle sur un champ de formulaire, pour afficher une erreur en rouge quand la saisie est invalide.
⁂ REACT - 6.5 Présentation des composants stylisés➔ Installez la bibliothèque styled-components dans React, puis transformez un bouton en composant stylisé dont les styles restent isolés de l'application.
⁂ REACT - 6.6 Styles dynamiques avec les accessoires➔ Créez un champ de formulaire stylisé dont la couleur change selon un accessoire invalide, pour afficher une erreur directement dans le composant.
⁂ REACT - 6.7 Utiliser les modules CSS dans React➔ Apprenez à utiliser les modules CSS dans React pour isoler les styles d'un composant, renommer un fichier CSS et appliquer une classe à un bouton.
➲ Section 7 :
⁂ REACT - 7.1 Introduction au débogage dans React➔ Découvrez pourquoi les erreurs font partie du développement React, et comment apprendre à les lire, les comprendre et les corriger pas à pas.
⁂ REACT - 7.2 Lire et corriger les messages d'erreur React➔ Apprenez à lire un message d'erreur React, à repérer le fichier et la ligne concernés, puis à corriger un oubli de balise ou une faute de frappe.
⁂ REACT - 7.3 Mettre en pratique React avec un premier projet➔ Mettez en pratique les bases de React avec un petit projet : une application qui permet d'ajouter des utilisateurs, avec un nom et un âge, à votre rythme.
➲ Section 8 :
⁂ REACT - 8.2 Créer un formulaire d'ajout d'utilisateur en React➔ Créez pas à pas un composant React AddUser avec un formulaire pour le nom et l'âge, puis affichez-le dans l'application depuis le fichier App.js.
👍 Bon à savoir
React est la bibliothèque JavaScript la plus utilisée pour construire des interfaces web modernes. Créée par Facebook, elle est massivement adoptée dans la tech (Netflix, Airbnb, Discord, Shopify). Son approche par composants réutilisables, son état local et son ecosystem (Redux, Next.js, React Query) en font un investissement professionnel rentable.
Cette formation est pensée pour quelqu'un qui connaît déjà les bases de JavaScript. Vous y apprendrez les composants fonctionnels et de classe, les hooks (useState, useEffect, useContext, useRef…), la composition, la gestion d'état, le routing, et les patterns React modernes.