React Js FOAD

• Composée à 60% de pratique, cette formation à distance, utilise des exercices illustrés, présentés et accomplis avec le formateur, et des exercices à réaliser en autonomie.
• Une journée se décompose de la façon suivante :
• Matin : 2h de théorie en visioconférence, 10 à 15 minutes de présentation d'exercices en visio, 1h de TP en autonomie avec possibilité de solliciter le formateur (partage d'écran à distance pour une assistance efficace).
• Après-midi : 2h de théorie en visioconférence, 10 à 15 minutes de présentation d'exercices en visio, 1h de TP en autonomie avec possibilité de solliciter le formateur (partage d'écran à distance pour une assistance efficace).
• Une évaluation quotidienne de l'acquisition des connaissances de la veille est effectuée.
• Une synthèse est proposée en fin de formation.
• Une évaluation à chaud sera proposée au stagiaire à la fin du cours.
• Un support de cours (version électronique) sera remis à chaque participant comprenant les slides sur la théorie, les exercices. Une feuille d'émargement par demi-journée de présence est fournie en fin de formation ainsi qu'une attestation de présence de connexion pour chaque participant.
• Enfin, une attestation de formation sera envoyée si le stagiaire a bien assisté à la totalité de la session.
• Chaque participant se verra attribuer une Machine Virtuelle qui sera exécutée dans le Cloud d'Amazon. Il disposera alors de la puissance et des outils nécessaires pour le bon déroulement de la formation. Aucune installation de la part du participant n'est requise avant la formation.

React est la bibliothèque JavaScript la plus utilisée pour construire des interfaces utilisateur modernes. Cette formation à distance 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 ReactJS.

• 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.

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
• TP : installation d’un squelette d’application avec create-react-app

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
• TP : Développement d’un jeu de memory (base graphique fournie)

Tests

• Comment tester unitairement les components React avec Jest et enzyme
• TP : Ecriture et exécution de tests pour le memory

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
• TP : Ajouter Redux au jeu de memory

Ouverture (selon le niveau des participants)

• Internationalisation d’une application React (i18n)
• React native

Nous consulter