Introduction à React

Ce dépôt contient le code utilisé en exemple dans le cours https://www.fil.univ-lille.fr/~routier/enseignement/licence/js-s4/html/react.html.

Plusieurs versions progressives du dépôt pour accompagner le cours.

Mise en place

• récupérer le dépôt
• installer les paquets Node.js :

$  npm install

• démarrer le serveur de développement de Webpack

$  npm run dev-server

Les versions

Il faut charger une version avec

$ git checkout **tag**

où tag peut prendre comme valeur :

• v0 : premier exemple basique avec React
  voir /src/scripts/main.js et le point d'insertion #insertReactHere dans /src/index.html
• v0.5 : second exemple avec création d'un emboitement d'éléments
• v1 : premier exemple avec la syntaxe JSX
• v2 : premiers composants sans état voir /src/components/first.jsx, /src/components/second.jsx et son utilisation dans /src/mains.js
• v3 : utilisation des propriétés
  voir /src/components/person.jsx, /src/components/personListing.jsx et son utilisation dans /src/mains.js
• v3.1 : utilisation de la syntaxe de pattern matching sur les objets pour destructurer l'objet props dans le paramètre du constructeur du composant.
• v3.2 : la propriété children

Faire git checkout main pour revenir à la version finale.