Développement Open Source

Retour

Formation

Informatique

React.JS

  • 3 Jours
  • REF: 5M-AG-REACT
  • Partager :

1. Introduction et historique

  • Retour sur l’environnement frontend actuel et son futur proche, concepts de base: chargement de ressources, modularité, asynchronisme, data-binding, immutabilité...

2. Les choix de React

  • MVC: Fonctions pures de rendu, composants à état.
  • Virtual DOM, la source de l’efficacité de React,

3. 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)

La librairie React permet, de manière très pragmatique, de développer et structures des composants Web pour les façonner en une interface utilisateur compète et complexe.

Notre formation «React» vous initiera aux principes fondamentaux du fonctionnement de cette librairie: sa raison d’être, sa syntaxe, ses bonnes pratiques, son outillage…et en guise de travaux pratiques, vous réaliserez une application graphique complète!

Bien entendu, il est impossible de former sur React sans aborder la galaxie Javascript (et du web de manière plus générale): le duo async/await, les nouveautés en préparation par le TC39, GraphQL, React Native, SASS, le vectoriel, elm…

A l’issue de notre formation, vous serez à mêmede :

  • 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
  • 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
  • Formateur expert dans le domaine
  • Mise à disposition d’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
Dates

Formations associées

MONTPELLIER

1025 rue henri Becquerel bât 27, Parc Club du Millénaire

Montpellier - Herault (34)

Prochaines formations
  • du 25 au 27 novembre 2019
Toutes les dates de ce centre
Infos centre

CHOISIR AGINIUS

C’est choisir la proximité avec une capacité d’intervention dans 100 villes en France et 50 centres accueillant les interentreprises.

C’est choisir la compétence avec plus de 300 experts dans différents domaines : une offre de formation de plus de 900 programmes standards, une élaboration sur mesure de programmes spécifiques en fonction de vos besoins en intraentreprise, une clientèle allant au-delà de 5000 entreprises, administrations et collectivités locales.

C’est choisir un réseau assurant une réelle capacité logistique avec plus de 250 salles équipées et une capacité d’accueil de 2000 stagiaires par jour...

AGINIUS Formation, Réseau Leader de la formation professionnelle en France.