ReactJs 2023

• La formation se passe en mode présentiel (face à face), et se compose 70% de travaux pratiques (Mise en situation, débat, exercice).
• Une évaluation quotidienne de l'acquisition des connaissances de la veille est effectuée.
• Une synthèse est proposée en fin de formation. Un support de cours sera remis à chaque participant comprenant les slides sur la théorie, les exercices et travaux pratiques et les corrigés de ces derniers. Une évaluation à chaud sera proposée au stagiaire à la fin du cours.

React est la bibliothèque JavaScript la plus utilisée pour construire des interfaces utilisateur modernes. Cette formation vous permettra de maîtriser les dernières fonctionnalités de React, Redux et les bonnes pratiques de test.

• Maîtriser les fondamentaux de React (composants, hooks, state)
• Mettre en place des tests unitaires et d'intégration
• Gérer l'état applicatif avec Redux
• Développer une application React complète

• Développeurs
• Architectes

Le formateur est un expert du domaine qui intervient sur le sujet depuis plusieurs années en formation mais aussi en conseil.

• Une connaissance des technologies Web (HTML, CSS) est impérative pour suivre cette formation dans de bonnes condition.
• La connaissance de JavaScript est souhaitable mais pas obligatoire.

1/ Rappels environnement front-end

• Rappels front-end actuel et ses concepts (Single Page Application, asynchronisme…)
• Rappels ES6
• Présentation de l’environnement react : webpack, npm, create-react-app
• Utilisation des outils du navigateur : debugger et react dev tools
• TP : installation d'un squelette d'application avec create-react-app

2/ React

• Présentation de React et de ses concepts (virtual Dom, workflow d’affichage du navigateur)
• Structure d'un component React
• Présentation de JSX
• Cycle de vie et gestion de l'état d'un component avec les hooks
• Gestion du cycle de vie applicatif (utilisation du context et passage de props au travers de l’arbre de components)
• Gestion des formulaires
• Routing d’une application React
• TP

3/ TESTS

• Comment tester unitairement les components React avec Jest et enzyme
• TP

4/ REDUX

• Externaliser la gestion d'état d'une application React avec Redux
• Live coding pour intégrer Redux à une application React
• TP

5/ Ouverture (selon déroulement et niveau des participants)

• Performance
• Architecture
• Typescript
• Internationalisation d’une application React (i18n)
• Server Side Rendering

Nous consulter