Heiphaistos TutorialsHeiphaistosTutorials
🪟Windows🖥️CMD / PowerShell💬Discord🍎macOS🔐Sécurité🐧Linux🌐Réseau💻Programmation🤖Android📦Applications🔥Applications Heiphaistos📦Logiciels📦HeiApps

⚒ Heiphaistos Tutorials

Forge ton savoir informatique.
Tutoriels clairs, sans blabla.

Navigation

  • Accueil
  • Tous les tutoriels
  • Windows
  • Discord

Ressources

  • Flux RSS
  • heiphaistos.org

© 2026 Heiphaistos Tutorials — tuto.heiphaistos.org

Mentions légalesConfidentialitéCGU

Forge ton savoir.

Accueil/Programmation/React : créer son premier composant avec Vite
💻ProgrammationVidéo

React : créer son premier composant avec Vite

Créer un projet React avec Vite, comprendre les composants, le JSX, les props et l'état avec useState, et afficher une liste avec map et key.

9 octobre 20261 min de lecture
#programmation#javascript#react#vite
Votre navigateur ne supporte pas la lecture vidéo.
VitesseSous-titres : bouton CC du lecteur

Sommaire

  • Créer
  • Les notions

Créer

npm create vite@latest mon-app -- --template react
cd mon-app && npm install && npm run dev

Les notions

  • Composant : fonction renvoyant du JSX (className au lieu de class, {expression}).
  • Props : paramètres en lecture seule.
  • État : useState ; ne jamais modifier directement, toujours créer une nouvelle valeur.
  • Listes : map + key unique et stable.
  • Effets : useEffect pour charger des données (fetch).

Prérequis : tableaux JS, objets et déstructuration. Publier : npm run build puis le dossier dist.

Commentaires

Aucun commentaire pour l'instant. Soyez le premier !

Laisser un commentaire

En envoyant un commentaire, vous acceptez les conditions d'utilisation et la publication de votre pseudo après modération (voir la politique de confidentialité).