React.JS

3 Jour(s)
(21 Heures)
Ref: 5M-AG-REACT
Tarif: à partir de 700 €/Jour
Document PDF

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

Participants :

  • Développeurs


Prérequis :

Aucun

Méthodes pédagogiques

La formation est basée sur des cas pratiques et la réalisation de documents professionnels par les stagiaires.
Les méthodes pédagogiques s’appuient sur les méthodes actives adaptées aux adultes. Les stagiaires sont amenés à s’exprimer de façon à les impliquer et à créer un climat de groupe positif et interactif. Le formateur combine des exposés concis et des mises en situation. Écoute active et respect du rythme de chacun sont des priorités.


Modalités pédagogiques

Présentiel ou distanciel


Moyens pédagogiques

Formateur expert du domaine - 1 ordinateur, 1 support de cours version papier ou numérique, vidéo projecteur - tableau blanc


Modalités d'évaluation

Durant la formation, nous procédons à une évaluation formative tout au long de la formation.
A la fin de chaque session, les stagiaires expriment leur satisfaction concernant la formation en utilisant notre système de vote interactif QuizzBox.
Les stagiaires répondent à l’aide de télécommande, smartphone ou ordinateur, à un questionnaire de satisfaction.
Ce questionnaire permet de vous fournir un compte rendu des points de vue des participants.
Une validation des acquis basée sur les objectifs de la formation est réalisée en fin de session par le formateur ou à l’aide des certifications disponibles (Tosa, Pcie…).


Public concerné

Salariés - Demandeur d'emploi - Reconversion professionnelle


Accessibilité

Notre site répond aux exigences qualité et normes ERP (Etablissement Recevant du Public).
Nos locaux sont équipés pour accueillir des personnes à mobilité réduite : parking, portes à largeur requise, toilettes adaptées.
Pour toute demande spécifique concernant l’accessibilité handicapée, merci de prendre contact directement avec notre référent, par téléphone, au 04.73.14.32.82 pour voir dans quelle mesure le handicap peut être pris en compte.

Curriculum vitae des intervenants

Nos formateurs disposent d’un haut niveau de savoir-faire pédagogique et d’un fort attachement à la relation humaine.
La valeur ajoutée de notre pédagogie passe par l’échange et le transfert des connaissances entre les formateurs expérimentés et les formateurs juniors, enrichissant cet aspect pédagogique. Cela permet de garantir une pérennité dans nos compétences.
Le plan de développement des compétences de nos salariés récense leurs actions de formation continue. Les salariés sont informés des dispositifs de formation et de qualification tout au long de la vie et savent où trouver les informations.
En signant la charte, les formateurs s’engagent à se former et à actualiser et développer leurs compétences.
Notre équipe se compose de 14 salariés dont 7 formateurs permanents et une équipe de développeurs, notamment sur Excel et Access, qui peuvent intervenir ponctuellement sur certaines formations techniques.


Référent handicap

Notre site répond aux exigences qualité et normes ERP (Etablissement Recevant du Public). Nos locaux sont équipés pour accueillir des personnes à mobilité réduite : parking, portes à largeur requise, toilettes adaptées.
Pour toute demande spécifique concernant l’accessibilité handicapée, merci de prendre contact directement avec nous, Rachel Laidaoui - 04 73 14 32 82, pour voir dans quelle mesure le handicap peut être pris en compte.