Apprenez à développer des applications Web avec notre formation approfondie sur React, la bibliothèque JavaScript créée par Facebook.
Vous acquerrez des compétences précieuses en programmation fonctionnelle et déclarative et apprendrez à installer et configurer un projet React.
Vous maîtriserez le développement d’interfaces utilisateur basées sur des composants et la gestion de la navigation au sein de l’application.
Cette formation couvre également Redux, une bibliothèque clé pour la gestion de l’état de l’application.
En outre, vous apprendrez à tester votre code et vos composants, assurant la qualité et la fiabilité de vos applications.
Les travaux pratiques tout au long du cours vous aideront à renforcer ces compétences et à les mettre en pratique.
Programme détaillé
JavaScript
- Historique
- ES5 / ES6 / ES7
- Node.js
- Callback vs Promise
- Travaux pratiques :
- Manipulation du langage JavaScript
Découvrir React et construire une application
- Historique et principes fondamentaux de React
- Découvrir et comprendre la syntaxe JSX
- Rappels sur les classes JavaScript Array.map, Array.reduce, bind, this
- 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
- Travaux pratiques :
- Initialisation du projet via create-react-app
- Premier conteneur, premier composants & props
- Afficher la data JSON avec fetch et axios
Composants
- Gestion du cycle de vie et de l’état des composants
- Adapter le rendu en fonction de conditions
- Gérer des listes
- Travaux pratiques :
- Construire une liste avec fetch et axios
Navigation
- Comprendre le routage entre les pages
- Présentation de react-router
- Travaux pratiques :
- Créer plusieurs pages et naviguer (menu/boutons)
Gestion d’état : pattern Flux et Redux
- Présentation du pattern Flux
- Comprendre le 1-way data flow
- Découvrir la gestion d'état
- Redux et Redux-Sagas
- Travaux pratiques :
- Application de Redux dans le contexte de l’application
L'immuabilité
- Découverte de immutable.js
- Comprendre l'intérêt de l'immutabilité pour les performances
- Travaux pratiques :
- Intégrer immuabilité dans l’application (redux)
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 / Standard
- Jest
- Travaux pratiques :
- En s’appuyant sur une application réalisée précédemment, ajout des outils ESLint et Jest
[Options] Intégrer des modules complémentaires
- Intégrer des librairies et kit de composants graphiques
- Mettre en œuvre l’internationalisation