Ce cours React.JS est conçu pour présenter la bibliothèque JavaScript React pour la création d'interfaces utilisateur.
Ce cours React.JS est conçu pour présenter la bibliothèque JavaScript React pour la création d'interfaces utilisateur. Ce cours convient aux débutants ayant peu ou pas d'expérience préalable dans React.
Tout au long de ce cours, vous apprendrez les concepts fondamentaux de React, y compris comment configurer un environnement de développement React, comment créer des composants et gérer l'état, comment gérer les événements utilisateur et comment travailler avec le puissant moteur de rendu de React.
En plus des concepts de base de React, vous apprendrez également les meilleures pratiques pour organiser et structurer vos applications React, ainsi que comment utiliser les outils React populaires. Vous explorerez également les principales différences entre React et JavaScript simple, y compris les avantages de l'utilisation d'une approche basée sur les composants pour créer des interfaces utilisateur.
À la fin de ce cours, vous aurez une solide compréhension de React et serez en mesure de créer des applications React de base à partir de zéro. Que vous souhaitiez démarrer une carrière dans le développement Web ou que vous souhaitiez simplement ajouter React à vos compétences, ce cours est un excellent point de départ.
Objectifs de la formation
- Comprendre ce que sont les composants React
- Comprendre quand utiliser React
- Comprendre comment utiliser ES6+
- Comprendre les composants de la classe React
- Comprendre les accessoires des composants
Compétences acquises
Créer une application ReactBibliothèques JavaScriptNode.js (Bibliothèque Javascript)React JsxReact VRReact.js (Bibliothèque Javascript)Ce que vous allez apprendre
- Configurer un environnement de développement React à l'aide de l'utilitaire Create React App
- Créer des composants React et gérer les props et l'état (state) des composants
- Utiliser les fonctions ES6+ et JSX pour afficher (render) des composants
- Appliquer les hooks React, y compris useEffect, useState, useCallback et useMemo
- Implémenter plusieurs composants avec le routage et la navigation
- Transmettre des données en utilisant des hooks personnalisés avec l'API Context
Points clés à retenir
- React est une bibliothèque JavaScript permettant de créer des interfaces utilisateur à l'aide d'une approche basée sur les composants.
- Le cours couvre à la fois les composants de classe (class components) avec des fonctions de cycle de vie (lifecycle) et les composants fonctionnels avec des hooks.
- Les apprenants explorent les principales différences entre React et le JavaScript pur, notamment le JSX par rapport au HTML standard.
- Le cours enseigne les meilleures pratiques pour organiser et structurer les applications React ainsi que la structure des dossiers.
- À la fin, les apprenants peuvent construire des applications React basiques en partant de zéro.
Foire aux questions
À qui s'adresse ce cours ?
Il convient aux débutants ayant peu ou pas d'expérience préalable en React qui souhaitent démarrer une carrière en développement web ou ajouter React à leurs compétences.
Que serai-je capable de faire après avoir terminé ce cours ?
Vous aurez une solide compréhension de React et serez capable de construire des applications React de base à partir de zéro.
Quels sujets ce cours couvre-t-il ?
Il couvre les principes fondamentaux de React, y compris la configuration d'un environnement de développement, la création de composants, la gestion de l'état (state), la gestion des événements utilisateur, le fonctionnement du moteur de rendu de React, les hooks, le routage et la navigation, ainsi que l'API Context.
Ai-je besoin d'une expérience préalable avec React ?
Non. Le cours est conçu pour les débutants ayant peu ou pas d'expérience préalable en React et présente la bibliothèque React depuis les bases.
Quelle est la différence entre React et le JavaScript classique (plain JavaScript) abordée ici ?
Le cours explore pourquoi utiliser React plutôt que JavaScript, les avantages d'une approche basée sur les composants pour la construction d'interfaces utilisateur, et JSX par rapport au HTML classique.
Transcription
Transcription
Bonjour et bienvenue dans le cours React de Knowledge City. Mon nom est Tony. Je suis un développeur professionnel avec plus de 25 ans d'expérience développement d'applications, expérience en architecture et moi sera votre instructeur. Dans ce cours, vous découvrirez React JS et pourquoi il existe. Nous passerons également en revue les composants de classe, fonctionnels composants et flux de données. Nous allons jeter un oeil et nous familiariser avec commandes d'interface de ligne de commande, également appelées commandes CLI. À la fin de ce cours, vous saurez pourquoi utiliser React plutôt que du JavaScript classique, comment utiliser HTML et JSX lors de la création d'un composant React, et comprendre comment pour utiliser l'API React Context et utiliser des hooks personnalisés pour transmettre données et dans une application React Web. Commençons.
Apprendre en déplacement
Apprenez partout — l'application KnowledgeCity vous permet de suivre les leçons en déplacement.