Formation ReactJs
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 / Formatrice
Mickael est développeur depuis 2011, après une formation d'ingénieur à l'EFREI. Après un début de carrière chez des éditeurs de logiciels, il est passé indépendant en 2018.
Entrepreneur, développeur et co-organisateur SoCraTes-FR, F# et *DD fan, il aime apprendre, partager et construire des solutions pragmatiques, testables et évolutives.
Il a donné des formations en entreprises au travers d'autres organismes de formation.