React JS
Utilisé par les leaders du secteur tels que Facebook, Netflix ou encore Airbnb, React JS est une bibliothèque Javascript développée à l’origine par Facebook.
Flexible et particulièrement performante, React JS permet de réutiliser des composant avec des données pouvant changer au cours du temps.
Au terme de cette formation, vous comprendrez les concepts de React JS, saurez développer en utilisant les bonnes pratiques et choisir les outils de développement les plus adaptés !
- +ans d’expérience pour tous nos formateurs
- %de travaux pratiques
- jours de formation
À qui s’adresse cette formation React JS ?
Description de la formation React JS
Méthode pédagogique
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.
Objectifs
- 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
Audience
- Développeurs
- Architectes
- Chefs de projets techniques
Pré-requis
Une connaissance des technologies web (HTML, CSS et JS) est impérative. Une connaissance basique de Git est souhaitable mais pas obligatoire.
Le formateur
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.
Le programme
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
Tarif
1990 € HT
Formation à distance
Retengr vous permet aussi de suivre cette formation à distance, sous forme de classe virtuelle (6 participants maximum), avec un formateur expert sur le sujet. La formation se déroule via une connexion en visio conférence (ZOOM, GoogleMeet, Teams ou autres) et vous permet d’alterner théorie et pratique de façon accompagnée ou autonome, le tout dans le respect des objectifs pédagogiques et des évaluations des acquis.
Les émargements, évaluations, attestation de formation, remises des supports de cours et autres documents se feront en ligne.
En ce qui concerne le matériel informatique du participant, il est seulement préconisé un ordinateur et une connexion internet. Nous nous chargeons du reste.
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.
Une journée type de formation à distance 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).