Ferme la recherche

React

Descriptif

Durée de la formation

Durée 21 heures
En centre 21 heures

Session

du 14 oct. 2020 au 16 oct. 2020  - Paris - 12ème (75)
+ autres sessions
du 14 oct. 2020 au 16 oct. 2020  - Paris - 12ème (75)
du 09 déc. 2020 au 11 déc. 2020  - Paris - 12ème (75)

Objectif de la formation

Découvrir React, son fonctionnement et son écosystème
Décrire un arbre de composants en ES2017+, puis saupoudré de JSX
Maîtriser la gestion globale d'état et intégrer l'architecture Flux avec Redux
Mettre en place un environnement de développement
Écrire une application cliente complète interagissant avec un serveur

Description de la formation

Jour 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é
Les choix de React
Le "V" de MVC ? Fonctions pures de rendu, composants à état.
Virtual DOM, la clé des performances de React, pourquoi, comment ?
Mise en pratique :
- Création d'un premier arbre de composants,
- Propagation des props,
- Branchement des event
- handlers et population de composants enfants,
- Et gestion de l'état interne
Jour 2 - TP Fil rouge
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.
Manipulation plus ambitieuse du DOM, du CSS.
Tirer partie du cycle de vie des composants.
Types : garanties et couverture avec Flow.
Tests unitaires, snapshots via Jest.
Jour 3 - TP Fil rouge
Revisiter la communication inter
- composants.
Externalisation de l'état avec un store Redux (les différences avec MobX seront évoquées).
Dispatch d'actions, composition des reducers associés.
Manipulation du context.
Redux DevTools, time
- travel debugging.
Intégration du Provider et des connexions React
- redux.
Ajouts de middlewares Redux.
Préparation des action
- creators synchrones, puis asynchrones (comparaison entre thunks, promises et sagas).
Appel d'API distante.
Pistes d'exploration bonus suivant le déroulement et le niveau :
- Rendu des composants côté serveur (isomorphisme)
- Routage (v4)
- i18n

Conditions d'accès

Un bon niveau JavaScript (ES5+): être à l'aise avec des concepts comme les "closures", les particularités de "this", l'écoute d'événements (DOM ou jQuery), l'approche fonctionnelle...
Une précédente expérience sur un framework type Angular ou Backbone peut être un plus.
Apportez votre ordinateur portable. (Linux / Mac plus confortable, mais pas obligatoire). Il n'est pas nécessaire d'y installer quoique ce soit au préalable.
Développeurs

Validation

Attestation d'acquis ou de compétences;Attestation de suivi de présence

Donne accès au(x) métier(s) suivant(s)

Etudes et developpement informatique (voir la fiche métier)

Et après la formation ?

Retour à l'emploi des anciens stagiaires

CORRECT

Conseils
Les questions à poser avant de choisir un centre de formation
  • Quels sont les profils des anciens stagiaires (niveau de formation, expérience professionnelle) ?
  • Est-il possible de visiter le centre ?
  • Quel type de public accueillez-vous en formation (salariés, demandeurs d’emploi, particuliers) ?
  • Peut-on obtenir une liste de ces anciens stagiaires pour les interroger sur cette formation ?
  • Comment aidez-vous les stagiaires à trouver un emploi ?

Human Coders

Lieu de formation

Salle Villa Lemons
5 Impasse Mousset
Paris - 12ème

Calculez votre itinéraire

Centre de formation

Human Coders
17 Rue Galilée
75016, Paris 16e

Toutes les formations et avis pour Human Coders