Formation ReactJs

En ligne - 23-25 octobre

1 950€ HT / personne (2 340€ TTC)

3 jours

Paris - 27-29 novembre

1 950€ HT / personne (2 340€ TTC)

3 jours

Objectifs

L’objectif de cette formation est d’acquérir les bases du développement avec ReactJs dans le but de savoir créer et composer des applications web monopage à travers une approche composant.
Le format proposé aux participants vise à favoriser un apprentissage par la pratique.

Acquis à l'issue de la formation

Le participant à cette formation aura acquis des bases solides pour :

  • Développer avec React
  • Architecturer une SPA avec React
  • Intéragir avec une API REST

Public concerné et pré-requis

Cette formation s'adresse aux développeurs d’applications ayant une expérience dans le développement web avec HTML et une connaissance de JavaScript ou de TypeScript.
Les participants devront être équipés d’un PC (non fourni) et avoir installé Git, Node, VSCode (ou équivalent) dans leurs dernières versions.

Evaluation

En début de formation, une autoévaluation est effectuée pour évaluer le niveau, ainsi que les attentes de chaque participant. Ainsi nous pouvons organiser au mieux les différents groupes de travail.
Par la suite, le formateur effectue une évaluation continue à l'aide des nombreux exercices pratiques.
En fin de formation, la progression et les acquis sont autoévalués par chacun des participants et le formateur fournit à chacun des participants une évaluation, ainsi que les axes d'amélioration.
En option, un accompagnement postformation peut être effectué. Cela fera l'objet d'un devis complémentaire.

Programme

A partir d’exemples concrets, nous allons construire une SPA complète avec authentification, communication avec une API HTTP et fonctionnalités CRUD.

  • Première demi-journée:
    • La bibliothèque ReactJs
    • Tour d'horizon de l'écosystème et des outils
    • La notion de composant
    • Décrire des interfaces avec JSX
  • Seconde demi-journée:
    • Le cycle de vie des composants
    • La gestion de l'état interne des composants avec le State
    • La communication inter composants avec les Props
  • Troisième demi-journée:
    • Les composants fonction
    • Les hooks
    • La communication inter composants avec Context
  • Quatrième demi-journée:
    • Tester un composant avec DOM Testing
    • Tester un composant avec Snapshot Testing
    • Les bonnes pratiques de développement et d'architecture
  • Cinquième demi-journée:
    • Les APIs HTTP
    • La communication avec une API HTTP en utilisant Axios
    • La gestion de l'authentification utilisateur
  • Sixième demi-journée:
    • Le concept de navigation SPA
    • La navigation entre pages avec ReactRouter
    • La gestion des autorisations utilisateur
    • Utiliser la bibliothèque Material-UI

Formateur / Formatrices

Suivant le nombre de participants, cette formation sera réalisée par un ou plusieurs formateurs.Découvrez nos formateurs