Prérequis
Connaissances du langage Javascript ou Typescript. Disposer d'une expérience de développement en React.
Durée
3 jours
Contenu Technique de la Formation
La formation aborde les contenus techniques suivants :
- Fondamentaux avancés de React
- Utilisation de TypeScript
- Optimisation des performances et gestion des données
- Les applications monopages et le routing
- Introduction au développement isomorphique
Objectifs de la Formation
Les objectifs visés par cette formation sont :
- Approfondir leur compréhension de la bibliothèque React
- Maîtriser l’architecture « One way data flow » et ses implications pour la gestion des données
- Optimiser les performances des applications React en utilisant la notion d'immutabilité
- Apprendre à créer des applications monopages
- Introduction au application isomorphiques React avec Next.js
Table des Matières
Fondamentaux avancés de React
- Brève introduction
- Philosophie de React
- Comparaison avec d'autres Frameworks JavaScript
- Environnement de développement et des outils de debug
- Approfondissement des Composants React
- Utilisation des Hooks dans les composants fonctionnels
- Interaction de l’utilisateur avec les Composants
- Optimisation des composants
- Ajouter du typage sur les composants React avec TypeScript
Gestion Centralisée des Données
- Présentation des différentes technologies de gestion de state (Redux, MobX, context, Recoil, etc.)
- Présentation du fonctionnement du store de Redux.
- Rôle du « Dispatcher » d’actions
- Rôle du « Reducer »
- Mise en place de Redux avec React
- Architectures « One way data flow » avec Redux
- Utilisation du « Redux Toolkit »
- Mise en place de Reducers et des Actions creators
Applications Monopages et Routage
- Le Routage dans les Applications React
- Présentation des différents librairies de Routage
- Mise en place du routing
- Conséquences du routage sur le déploiement
Introduction au développement isomorphique
- Présentation des différents framework React (Next.js, Remix, Gatsby)
- Objectif du développement isomorphique
- Brieve introduction au fonctionnement du Framework Next.js
En Pratique
- Création d’une application React en utilisant TypeScript
- Mise en place d’un application monopage
- Manipulation des stores de données avec Redux
Modalités et Inscription
Cette formation est proposée selon deux formules pour s'adapter au mieux à vos besoins :
Session régulière
Des sessions sont organisées à intervalles réguliers. Demandez les prochaines dates planifiées pour vous inscrire à la prochaine session.
Sur mesure & intra-entreprise
Vous souhaitez former vos équipes directement dans vos locaux ou adapter le programme technique à votre contexte d'entreprise ? Contactez-nous pour obtenir un devis personnalisé.