Chargement...React avancé
Organisé par :
Partenaires de la formation :
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.
Quels sont les buts 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 aux applications isomorphiques React avec Next.js
Que devez vous connaître pour suivre la formation ?
Disposer de connaissances avancées en Javascript ou Typescript.
Disposer d'une expérience de développement en React.
Programme de la formation
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