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 vidéo, nous allons apprendre à installer la dépendance Moment.js dans un projet React.
Moment.js est une librairie JavaScript qui permet de manipuler et formater les dates de manière très simple.
Nous allons voir comment l'installer en utilisant npm et comment l'intégrer dans notre projet React pour formater les dates des tweets publiés par notre application.
Nous commencerons par installer la dépendance via la ligne de commande avec npm install. Ensuite, nous importerons Moment.js dans notre projet et utiliserons ses fonctionnalités pour obtenir la date actuelle et la formater de manière similaire aux autres tweets existants.
Enfin, nous explorerons comment ajouter de nouvelles propriétés et méthodes à nos composants React pour publier de nouveaux tweets avec les dates correctement formatées.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de :
- Comprendre comment installer et utiliser une dépendance npm dans un projet React.
- Apprendre à manipuler et formater des dates en utilisant Moment.js.
- Intégrer les dates formatées dans l'affichage des tweets publiés par l'application.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est nécessaire de maîtriser :
- Les bases de React et JavaScript
- La manipulation du terminal/ligne de commande
- Quelques notions sur les dépendances npm.
Métiers concernés
Ce sujet peut être pertinent pour les métiers suivants :
- Développeur Front-end
- Ingenieur Logiciel
- Développeur d'applications web.
Alternatives et ressources
Comme alternatives à Moment.js pour la gestion de dates, on peut utiliser :
- Date-fns
- Luxon
- La bibliothèque JavaScript Date native (mais avec des fonctionnalités limitées).
Questions & Réponses
Je m'abonne