React : développement web Front-End en JavaScript
Dans cette formation en technologies Web, vous apprendrez à développer des sites de type Single Page Application en JavaScript, HTML et CSS en utilisant la bibliothèque React créée par Facebook. Vous découvrirez également Redux, une bibliothèque de gestion d’états.
Proposé par
DEMOS
Prérequis
Avoir suivi le stage IIN03 – ” Développement web : maîtriser les bases (HTML5, CSS3 et Javascript)” ou avoir les compétences équivalentes.
Avoir suivi le stage IIN80 – ” Développer en JavaScript” ou avoir les compétences équivalentes.
Public admis
- Salarié en Poste
- Entreprise
Demandeur d'emploi et Etudiant non admis
Financement
- Votre OPCO
- Financement personnel
Financement CPF non pris en charge
Modalités
- En entreprise
Objectifs pédagogiques
- Industrialiser, structurer et optimiser vos développements d’applications Web JavaScript en utilisant la bibliothèque React
- Mettre en œuvre les concepts de la programmation fonctionnelle et déclarative
- Mettre en place une architecture de gestion d’état de l’application avec Redux
Programme de la formation
JavaScript
Historique
ES5 / ES6 / ES7
Node.js
Callback vs Promise
Découvrir React et construire une application
Différence entre framework et bibliothèque
Historique et principes fondamentaux de React
Découvrir et comprendre la syntaxe JSX
Rappels sur les classes JavaScript Array.map, Array.reduce, bind, this
Les outils de développement pour React
Construire une application avec React
Créer et structurer un projet React
Premiers composants
. Gérer le rendu
. Gérer les propriétés
. Gérer les événements
Récupérer des données depuis un serveur
Composants
Gestion du cycle de vie et de l’état des composants
Adapter le rendu en fonction de conditions
Gérer des listes
Composition
Navigation
Pourquoi avons-nous besoin d’un outil pour le routage entre les pages ?
Présentation de react-router
Gestion d’état : pattern Flux et Redux
Présentation du pattern Flux
Comprendre le 1-way data flow
Découvrir la gestion d’état
Découverte du hot-reloading et voyage dans le temps (undo/redo)
Redux et Redux-Thunk
L’immuabilité
Découverte de immutable.js
Comprendre l’intérêt de l’immutabilité pour les performances
Tester la qualité du code
Tester les composants React
Tester les modifications de l’état
Présentation des outils permettant de garantir la qualité d’une application
. Eslint
. Jest
. Enzime
Proposé par
DEMOS
"Leader de la formation professionnelle et du conseil en ressources humaines"
Proposé par
DEMOS
