Formation ReactJS : Développement Web

Le nouveau framework React, créé par Facebook, s’est rapidement imposé grâce à ses très hautes performances par rapport aux autres frameworks. Cette formation vous apprend comment utiliser React JS pour développer et tester vos applications web robustes et performantes.

Concrètement, à l’issue de ce stage, les participants auront acquis les compétences nécessaires pour:

• Concevoir une application ReactJS et Redux
• Utiliser JSX et ES2015
• Comprendre l’immutabilité pour optimiser les performances des composants React
• Utiliser Redux pour organiser le code de façon très productive
• Utiliser React côté serveur pour le SEO et la vitesse sur mobile

Cette formation s’adresse à tous les Développeurs JavaScript ayant déjà de l’expérience.

Posséder des bases solides en HTML5 et CSS3, et avoir suivi une formation JavaScript ou un niveau équivalent. Avoir certaines connaissances d’EcmaScript est également exigé.

Introduction à React

• Philosophie de React Les autres Frameworks JavaScript Environnement de développement Outils de debug

Les nouveautés ECMAScript

• Présentation d’ECMAScript Les nouveautés ES6/ES2015 ES2017 : les fonctions « async »

Premiers développements avec ReactJS

• Le composant Principe et conséquences du Virtual Dom La fonction render() ‘props’ et ‘state’ Le langage JSX

Les possibilités de build

• Build complet avec webpack Build managé avec la cli create-react-app Les différents packages de bootstraping React

Les Composants React

• Les composants fonctionnels et de classe Composition de multiple composants Cycle de vie d’un Composant de classe Les Hooks des composants fonctionnels Gestion des événements click, mouseover…

Styliser ces composants

• Les différentes approches pour styliser un composant La bibliothèque de « styled-components » Emotion

Interaction de l’utilisateur avec les composants

• Gestion d’Ajax Gestion des formulaires Manipulation du DOM, DOM virtuel

Gestion centralisée des données

• Présentation des différentes technologies de gestion (Redux, MobX, etc.) Présentation de Redux Le Store et les Actions Création de Reducteurs pour les Actions Utilisation avec React

Le Router

• Les différents Routers HashRouter ou PushState Conséquences sur le déploiement

Application isomorphique

• Présentation de NodeJS Principe et bénéfices du développement isomorphique Découverte du Framework NextJs