CATALOGUE Code & Data Formation ReactJS Apprendre ReactJS - Les fondamentaux Création d'un Clone de Twitter avec create-react-app

Création d'un Clone de Twitter avec create-react-app

Démarrage du projet
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre ReactJS - Les fondamentaux
Revoir le teaser Je m'abonne
5,0
Transcription
Cette leçon fait partie de la formation
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
5,0
Cette leçon fait partie de la formation
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Premiers Pas avec React

Objectifs

Les objectifs de cette vidéo sont de vous faire comprendre comment :

  • Configurer un nouveau projet React avec create-react-app.
  • Organiser et structurer un projet React.
  • Développer des composants réutilisables et bien organisés.

Résumé

Apprenez à créer un clone de Twitter avec React et create-react-app. Vous découvrirez comment organiser votre projet et développer des composants réutilisables.

Description

Dans cette leçon, vous apprendrez comment configurer et organiser un projet React en utilisant create-react-app. Nous commencerons par créer un nouvel application nommée tweetly. Vous verrez comment structurer votre projet pour une meilleure organisation et pour éviter les problèmes courants de gestion de fichiers en JavaScript, notamment en créant des dossiers distincts pour les conteneurs, composants, constantes, styles et helpers.

Nous verrons également comment créer un composant principal (App) qui servira de conteneur pour d'autres composants. Ensuite, nous inclurons des données de tweet statiques à partir d'un fichier de constantes et afficherons ces tweets dans notre application. Cette leçon met l'accent sur la création de composants réutilisables et la séparation des préoccupations pour créer une application maintenable et évolutive.

Voir plus

Questions fréquentes

Pourquoi utiliser create-react-app pour ce projet ?
create-react-app permet de démarrer un projet React sans avoir à se soucier de la configuration initiale, ce qui accélère le développement.
Quels types de dossiers créez-vous pour structurer un projet React ?
Nous créons des dossiers pour les conteneurs, composants, constantes, styles et helpers pour une meilleure organisation et maintenabilité.
Comment importer des données statiques dans un composant React ?
Importez les données depuis un fichier de constantes et utilisez-les dans votre composant via les props ou l'état local.

Programme détaillé

1 commentaire
5,0
1 vote
5
4
3
2
1
schiatuso_1
Il y a 1 an
b