Objectifs de la formation ReactJS
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
À qui s’adresse cette formation ?
Public :
Cette formation s’adresse à tous les Développeurs JavaScript ayant déjà de l’expérience.
Prérequis :
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é.
Contenu du cours ReactJS
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