React Js

• La formation se passe en mode présentiel ou en distanciel, 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 React et de développer des applications web performantes et maintenables.

• Comprendre les concepts de ReactJS
• Développer avec ReactJS en respectant les bonnes pratiques
• Savoir utiliser les outils de développement adaptés
• Installer, configurer et utiliser les bibliothèques de l’écosystème ReactJS les plus populaires
• Gérer les états avec Redux
• Tester unitairement son application

• Architectes
• Chefs de projet
• Développeurs

Le formateur est un expert du domaine qui intervient sur le sujet depuis plusieurs années en formation mais aussi en conseil. Doté d’une grande qualité d’écoute, sa pédagogie et sa compétence technique vous permettront d’acquérir les compétences sur React.

• 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.
• Afin de valider les compétences et les prérequis de chaque participant, en amont de la formation, le formateur organise un entretien téléphonique. Il confirme alors que le participant a le niveau nécessaire et que le contenu répond bien à ses attentes.

Rappels environnement front-end

• Retour sur l’état du front-end actuel et ses concepts (Single Page Application, asynchronisme…)
• Rappel ES6
• Présentation de l’environnement react : webpack, npm, create-react-app
• Utilisation des outils du navigateur : debugger et react dev tools

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
• Gestion des formulaires avec la librairie React-final-form
• Routing d’une application React avec react-router

Tests

• Comment tester unitairement les components React avec Jest et enzyme

Redux

• Externaliser la gestion d’état d’une application React avec Redux et react-redux
• Live coding pour intégrer Redux à une application React
• Ajout d’un middleware Redux et appel d’API distante

Ouverture (selon le niveau des participants)

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

Nous consulter