Cursus
Formation JAVASCRIPT React
Objectifs
Installer et configurer Node.js, NPM et React.
Appréhender les concepts de base, le Virtual DOM et les composants.
Créer et dynamiser des composants simples.
Utiliser la syntaxe JSX et les fonctionnalités d’ES6.
Expliquer la différence entre state et props et leurs cas d’utilisation.
Appliquer les méthodes de communication inter-composants, y compris Flux et Redux.
Mettre en oeuvre le routage, l’architecture et l’internationalisation.
Gérer les données serveur et créer des applications isomorphiques.
Pré-requis
Participants
Programme de formation
DU JAVASCRIPT CÔTÉ SERVEUR
Genèse du JavaScript côté serveur et de Node.js
Initiation à ECMAScript 6
INTRODUCTION À REACT
Retour sur l'environnement front end actuel et son futur Proche
Concepts de base
- Data-binding, immutabilité...
LES CHOIX DE REACT
Le "V" de MVC ?
Composants à état
Fonction de rendu simple
Performance
VIRTUAL DOM
La clé des performances de React
Pourquoi et comment
LA PHILOSPHIE DE REACT
Les composants
Les conteneurs
CRÉER UN COMPOSANT REACT
Installation de son environnement de travail
Création d'un composant simple qu'on va dynamiser ensemble
SYNTAXE
React et JSX, ES6, TS...
Un langage pour simplifier la description du Virtual DOM
Aperçu des fonctionnalités d'ES6 et TypeScript
PROPRIÉTÉS D'UN COMPOSANT
State vs Properties
Cas d'utilisation
COMMUNICATION INTER-COMPOSANTS
Présentation des méthodes de communication inter-composants
Flux et Redux
VERS UNE APPLICATION COMPLÈTE
Routage
Architecture complète
Internationalisation
SERVEUR
Gestion des données serveur
Isomorphisme ("Application universelle")