React avancé
Organised by :
Training partners :
Description
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
Cette formation s'adresse à toute personne connaissant le Framework React.
What are the aims of the training?
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 aux applications isomorphiques React avec Next.js
What do you need to know to follow the training?
- Disposer de connaissances avancées en Javascript ou Typescript.
- Disposer d'une expérience de développement en React.
Training programme
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érentes 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
Exercices pratiques
- Création d’une application React en utilisant TypeScript
- Mise en place d’une application monopage
- Manipulation des stores de données avec Redux