Public
Architectes, développeurs et chefs de projets Web

Objectifs

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

Programme

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

​

Prérequis

Maitriser Javascript.
 

Moyens pédagogiques

Réflexion de groupe et apports théoriques du formateur
Travail d'échange avec les participants sous forme de réunion-discussion
Utilisation de cas concrets issus de l'expérience professionnelle
Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situations.
Remise d'un support de cours.
 

Moyens techniques en présentiel
L'accueil des stagiaires est fait dans une salle dédiée à la formation, équipée d'ordinateurs, d'un vidéo projecteur, d'un tableau blanc et d'un paperboard.
 

Moyens techniques des classes en distanciel
La formation est organisée a l'aide d'un logiciel comme Teams, Zoom etc... un micro et éventuellement une caméra pour l'apprenant. Vous suivez ainsi une formation en temps réel et entièrement à distance. Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur. L'accès à l'environnement d'apprentissage (support de cours, labs) ainsi qu'aux preuves de suivi (émargement, évaluation) est assuré.
 

Organisation
Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
 

Profil formateur
Nos formateur sont des experts dans leurs domaines d'intervention. Leur expérience du terrain et leurs qualités pédagogiques constituent un gage de qualité.
 

A l'attention des personnes en situation de handicap
Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités de suivre la formation