Installation de l'environnement de travail
Rappels sur Ecma Script v6
Présentation de React
Architecture d'un projet React
Mon premier composant React (Tweet)
Mon premier container React (Home)
Composant stateful
Two way data binding
React-router
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons explorer la manière d’installer et d’utiliser createReactApp pour démarrer un projet React. Vous apprendrez à configurer votre environnement de développement et à comprendre la structure initiale du projet généré.
Nous commencerons par installer createReactApp et créer un nouveau projet. Ensuite, nous verrons en détail les fichiers et dossiers créés avec cet outil, notamment NodeModules, package.json, le dossier public, et le dossier src. Nous aborderons également les dépendances comme React et ReactScript, ainsi que les commandes essentielles pour lancer et construire votre application.
Enfin, nous montrerons comment utiliser les commandes comme npm start pour démarrer l’application en mode développement et npm run build pour la préparer en production. Cette vidéo sera particulièrement utile pour les débutants souhaitant se familiariser avec l'écosystème React.
Objectifs de cette leçon
Les objectifs de cette vidéo sont d'apprendre à :
- Installer createReactApp.
- Créer un projet React.
- Comprendre la structure d’un projet React.
- Exécuter et construire une application React.
Prérequis pour cette leçon
Avant de suivre cette vidéo, vous devriez avoir des connaissances de base en JavaScript et en ligne de commande.
Métiers concernés
Les compétences acquises dans cette leçon sont utiles pour les métiers suivants :
- Développeur Front-End
- Ingénieur Logiciel
- Développeur JavaScript
Alternatives et ressources
En plus de createReactApp, vous pouvez utiliser des outils comme Vite ou Webpack pour configurer un projet React.
Questions & Réponses
Je m'abonne