Informatique

ReactJS

ReactJS

Réf 4-JS-REA
Durée 2 jours

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

Infos

Sessions à venir

28 sep-30 sep 2020
25 nov-27 nov 2020

Certifications :

Nous consulter

Programme

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)

En savoir +

Prérequis

Développeurs
Bon niveau Javascript (ES5 et ultérieures), connaître les concepts de «closures», de «this», l’approche fonctionnelle…
Avoir précédemment développé sur un framework de type Angular ou Backbone est un plus

Moyens pédagogiques

Formateur expert du domaine, un ordinateur, support de cours remis à chaque participant, vidéo projecteur, tableau blanc et paperboard,feuille de présence signée en demi-journée, évaluation des acquis tout au long de la formation, questionnaire de satisfaction, attestation de stage

Possibilité de certification

Nous consulter.