Informatique Informatique
Référence formation : 4-JS-REA - Durée : 2 jours

 
  • Objectifs
  • Pré-requis
  • Pédagogie
Comprendre les fonctionnements internes de ReactDécrire un arbre de composantsMaîtriser la gestion globale d’état et intégrer l'architecture Flux avec ReduxCréer et intégrer un environnement de développementDévelopper une application complète capable d’interagir avec un serveur
Bon niveau Javascript.

Méthodes pédagogiques

Présentation des concepts, démonstration, exécution, synthèse et exercices pratiques d'assimilation

Modalités pédagogiques

Présentiel - Distanciel - AFEST

Moyens pédagogiques

Formateur expert du domaine - 1 ordinateur, 1 support de cours version papier ou numérique, un bloc-note et un stylo par personne - vidéo projecteur - tableau blanc

Modalités d'évaluation

Positionnement préalable oral ou écrit - Evaluation formative tout au long de la formation - Evaluation sommative faite par le formateur ou à l'aide de la certification NULL

Public concerné

Salariés - Demandeur d'emploi - Reconversion professionnelle

Si vous êtes en situation de handicap, vous pouvez joindre notre référent Handicap. Voir notre fiche Accès correspondante.

Contenu pédagogique

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)