01 56 59 33 00
united-kingdom

ReactJS

4-JS-REA
4-JS-REA
Durée : 3 jour(s)
soit 21 heures
Prix : 1800 €
Programmes
Introduction et historique
  • Retour sur l’environnement frontend actuel et son futur proche, concepts de base : chargement de ressources, modularité, asynchronisme, data-binding, immutabilité…
Les choix de React
  • MVC: Fonctions pures de rendu, composants à état
  • Virtual DOM, la source de l’efficacité de React
TP
  • Création d’un premier arbre de composants, propagation des props, branchement des event-handlers, population de composants enfants, gestion de l’état interne…
  • Installation d’un environnement de production plus moderne: Node, ESLint, Webpack, Hot reloading, React DevTools
  • Appropriation de JSX, validation des PropTypes, modules ES2015, structuration du projet, intégration de composants tiers via NPM
  • Aller plus loin avec DOM, du CSS
  • Exploiter le cycle de vie des composants
  • Types: garanties et couverture avec Flow
  • Tests unitaires
  • Revisiter la communication inter-composants
  • Externalisation de l’état avec un store Redux
  • Dispatch d’actions, composition des reducers associés
  • Manipulation du context
  • Redux DevTools, time-travel debugging.
  • Provider et connexions React-redux
  • Comment rajouter des middlewares Redux
  • Préparation des action-creators synchrones, puis asynchrones (comparaison entre thunks, promises et sagas).
  • Appel d’API distante
  • Rendu des composants côté serveur (isomorphisme)
  • Routage (v4)
Objectifs
Comprendre les fonctionnements internes de React
Décrire un arbre de composants
Maîtriser la gestion globale d’état et intégrer l’architecture Flux avec Redux
Créer et intégrer un environnement de développement
Développer une application complète capable d’interagir avec un serveur
Prérequis
Bon niveau Javascript
Profil des participants
Architectes, développeurs et chefs de projets web
Dates des prochaines sessions :
Du 20 au 22 février 2023
Du 31 mai au 2 juin 2023
Du 25 au 27 septembre 2023
Du 22 au 24 novembre 2023
Comprendre les fonctionnements internes de React
Décrire un arbre de composants
Maîtriser la gestion globale d’état et intégrer l’architecture Flux avec Redux
Créer et intégrer un environnement de développement
Développer une application complète capable d’interagir avec un serveur
Introduction et historique
  • Retour sur l’environnement frontend actuel et son futur proche, concepts de base : chargement de ressources, modularité, asynchronisme, data-binding, immutabilité…
Les choix de React
  • MVC: Fonctions pures de rendu, composants à état
  • Virtual DOM, la source de l’efficacité de React
TP
  • Création d’un premier arbre de composants, propagation des props, branchement des event-handlers, population de composants enfants, gestion de l’état interne…
  • Installation d’un environnement de production plus moderne: Node, ESLint, Webpack, Hot reloading, React DevTools
  • Appropriation de JSX, validation des PropTypes, modules ES2015, structuration du projet, intégration de composants tiers via NPM
  • Aller plus loin avec DOM, du CSS
  • Exploiter le cycle de vie des composants
  • Types: garanties et couverture avec Flow
  • Tests unitaires
  • Revisiter la communication inter-composants
  • Externalisation de l’état avec un store Redux
  • Dispatch d’actions, composition des reducers associés
  • Manipulation du context
  • Redux DevTools, time-travel debugging.
  • Provider et connexions React-redux
  • Comment rajouter des middlewares Redux
  • Préparation des action-creators synchrones, puis asynchrones (comparaison entre thunks, promises et sagas).
  • Appel d’API distante
  • Rendu des composants côté serveur (isomorphisme)
  • Routage (v4)
Architectes, développeurs et chefs de projets web
Bon niveau Javascript

Formateur expert dans le domaine

  • 1 ordinateur par stagiaire, 1 support de cours par stagiaire (version papier ou numérique), 1 stylo et un bloc-notes par stagiaire
  • Vidéoprojecteur et tableau blanc
  • Feuille d’émargement à la demi-journée, questionnaire de satisfaction stagiaire, évaluations des acquis tout au long de la formation, attestation de stage
  • Éligible au CPF avec passage de certification TOSA ou PCIE (en option)

En amont de la formation

  • Audit par téléphone par nos commerciaux et formateurs
  • Tests d’auto-positionnement avant l’entrée en formation par le biais de questionnaire

Au cours de la formation

  • Exercices pratiques et mises en situation professionnelle pour valider la compréhension de chaque notion abordée dans le programme de cours.

En fin de formation

  • Validation des acquis par le formateur ou via un questionnaire renseigné par les stagiaires
  • Evaluation qualitative par les participants à l’issue de la formation via un questionnaire de satisfaction accessible en ligne
  • Une attestation de fin de formation reprenant les objectifs de formation est également remise aux stagiaires puis signée par le formateur

Modalités d’inscription

  • Inscription possible jusqu’à la veille de la formation, sous réserve de places disponibles, en nous contactant au 01 56 59 33 00 ou par mail formation@sii.fr

Modalités particulières

  • Nos formations sont accessibles aux personnes en situation de handicap. Renseignez-vous auprès de notre référente handicap au 01 56 59 33 00 ou par mail pedagogie@sii.fr
Du 20 au 22 février 2023
Du 31 mai au 2 juin 2023
Du 25 au 27 septembre 2023
Du 22 au 24 novembre 2023

Réservez votre formation

Que cherchez-vous ?