Formations Reboot Academy

Pour actions de formation

React

Open info modal

Formateurs

Informations

De 3 à 5 joursDe 3 à 5 jours
Toute la France & Strasbourg​Toute la France & Strasbourg​
Présentiel & DistancielPrésentiel & Distanciel
Individuel & GroupeIndividuel & Groupe

Objectifs

Découverte et maîtrise de tous les aspects du React au travers d’un exemple concret.​

Moyens pédagogiques

La formation comprend une partie théorique d’environ 30 à 40% du temps, le reste étant consacré à la mise en pratique via des ateliers guidés.​

Outil(s) utilisé(s)

Teams

Programme

De JavaScript à TypeScript

  • JavaScript​
  • Modernisation avec EcmaScript​
  • Typage avec TypeScript

ReactJS, une bibliothèque Frontend

  • Pourquoi une nouvelle bibliothèque frontend? ​
  • Qu’est-ce que ReactJS?​
  • Bibliothèque ou framework ?​
  • Principes fondamentaux

Ma première application ReactJS

  • Create-react-app​
  • Les commandes de bases​
  • Hello World​
  • Structure de l’application

La structure des composants

  • Composants à base de classes​
  • Fonctions composants​
  • Props​
  • Bonnes pratiques

La vie des composants

  • Etat d’un composant, le State​
  • Cycle de vie / Hooks​
  • Cas pratique : requête http, authentification

Tests automatisés

  • Principe et outillage​
  • Cas pratique : rédiger et exécuter des tests

Styliser une application ReactJS

  • Différentes approches​
  • Tailwind CSS​
  • Bibliothèque de composants Mantine

Persistance de l’Etat

  • Concept de store​
  • Implémentation avec Redux​
  • Cas pratique : gérer l’Etat de l’application

Fonctionnalités avancées

  • La navigation avec React Router ​
  • Les formulaires avec React Final Form​
  • Internationalisation avec React-i18next