Scribd
Importer
20 vues2 pages

Installation et prise en main de React

Ce tutoriel présente les étapes d'installation et de prise en main de React JS pour un projet. Il inclut des instructions pour installer Node.js, créer un répertoire de travail, initialiser un projet avec Vite, démarrer un serveur local et modifier le contenu d'une application React. Les utilisateurs sont guidés pour afficher un message personnalisé dans leur application.

Transféré par

hsan.isetsf
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
20 vues2 pages

Installation et prise en main de React

Ce tutoriel présente les étapes d'installation et de prise en main de React JS pour un projet. Il inclut des instructions pour installer Node.js, créer un répertoire de travail, initialiser un projet avec Vite, démarrer un serveur local et modifier le contenu d'une application React. Les utilisateurs sont guidés pour afficher un message personnalisé dans leur application.

Transféré par

hsan.isetsf
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Faculté des sciences économiques et de gestion de Sfax

Filière : LFI 2
Matière : Framework Front-end

Tutorial 1 : Installation et prise en main

1. Installation de React JS
Pour travailler avec React :
• Installez la version LTS de [Link]. Cela vous donne l’accès à Node Package Manager
(npm) qui permet d’installer les bibliothèques JavaScript utiles à votre projet, le npm
qui est le gestionnaire officiel des paquets de [Link].
• Vérifiez les versions actuelles dont vous disposez avec les commandes node -v et npm
-v
2. Commencer
1. Créez un répertoire de travail (ex : projets_react) et rendez-vous dans ce dossier.
2. Pour créer votre projet nommé my-first-app, utilisez la commande suivante :
npm create vite@latest
3. Choisissez les options adéquates pour créer votre projet
4. Pour accéder à l’application, tapez :
cd my-first-app
5. Démarrez le serveur web local :
npm install
npm run dev
6. Ouvrez le navigateur et taper l’URL : [Link] 5173/
7. Examinez le contenu du fichier [Link]
8. Modifiez le contenu initial :
a. Ouvrez src/[Link] dans votre éditeur de code.
b. Repérez le contenu ressemblant à du HTML (c'est du JSX).
c. Commentez la partie suivante :

1
d. Modifiez le contenu entre les balises <p></p> pour afficher : "Bienvenue dans
mon application React!".

Vous aimerez peut-être aussi