React Javascript

Ce projet à compléter vous permettra de vous entraîner à l'utilisation des fondamentaux de la bibliothèque React, ceci en JavaScript.

Tip

Il vous est fortement conseillé de suivre le tutoriel officiel React jusqu'à la partie "JavaScript in JSX with Braces.

Mise en place du projet

npm install

ou sa version plus courte :

npm i

npm run dev

L'odre dev de la commande ci-dessus fait référence à la section "script" du fichier de configuration package.json.

Voici l'extrait en question :

"scripts": {
    "dev": "vite",
    "build": "vite build",
    "lint": "eslint .",
    "preview": "vite preview"
  }

Plusieurs commandes possibles pour ce projet :

npm run dev correspond à vite: lance la commande vite qui démarrer un serveur de développement local
npm run build correspond à vite builds : permet de créer un "bundle" de l'application optimisé pour la production (fichiers minifiés, CSS regroupé, optimisation des assets comme les images...)
npm run lint correspond à eslint . : ESLint est un outil d'analyse de code qui permet :
- détecter les erreurs
- vérifier que l'indentation est bien faite
- retrouver les "code smell"
npm run preview correspond à vite preview : démarre un serveur local pour prévisualiser la version compilée pour la production (avec, par exemple, la commande npm run build).

Vous allez pouvoir développer les différents composants proposés dans l'ordre présenté dans la liste ci-dessous. :