Description de la formation React avancé
Cette formation vous permettra d’approfondir votre expertise de React et de découvrir ses dernières nouveautés. Les travaux pratiques réalisés sur la base d’un projet fil rouge vous feront découvrir l’écosystème nécessaire à la conception d’applications Web encore plus optimisées. Vous sortirez de cette formation avec de solides connaissances sur React et ses bonnes pratiques de développement.
Bulletin d’
inscription Demande de
devis Détail du
programme
Programme de la formation React avancé
- Introduction
- Rappels sur ES6+ et les modules.
- Les principes clés de React : VirtualDOM, JSX, One Way Data Flow.
- Les outils de débogage.
- Les bonnes pratiques pour structure un projet
- Bonnes pratiques de développement
- Rappels prop-types et defaultProps.
- Passer de flow à TypeScript
- Mettre en place des tests unitaires et fonctionnels.
- Techniques et design patterns avancés
- Le pattern des Higher Order Components (HOC).
- Le rendu dans des éléments DOM distants avec les Portals.
- Injection de dépendances avec les Context.
- Techniques avancées de la méthode render : Fragments et render props.
- Redux avancé
- Rappels Redux : les entités, la syntaxe et l’intégration avec React.
- Simplifier et optimiser la création de formulaires avec Redux Form.
- Améliorer l’expérience utilisateur grâce à Redux Persist et au stockage local du state.
- Créer un Middleware Redux Custom.
- La bibliothèque Redux-Saga
- La programmation réactive
|
|
- Nouveautés React : Context et les hooks pour remplacer Redux
- Présentation
- State Hook
- Effect Hook
- Règles pour les Hooks
- Construire son hooks
- Remplacer Redux avec le context et les hooks
- Optimisation des performances
- Comment optimiser le cycle de vie des composants ?
- Utiliser l’immutabilité pour accélérer et simplifier les traitements.
- Les composants purs.
- Animations/Transitions
- Animer les composants à l’aide d’animations et transitions CSS.
- Simplifier le travail avec react-transition-group.
- Comparatif et exemples de mise en œuvre.
- L’internationalisation
- Internationalisation versus localisation : différences et scénarios d’utilisation.
- Les principales librairies d’internationalisation.
- Intégration dans React et Redux.
- Les technologies autour de React et React Native
- Du REST au GraphQL
- Créer une application « server-side » avec Next.js
- Le CSS avec « styled-components »
- Les concurrents de React Native : Ionic, Xamarin
|
LA SATISFACTION DES PARTICIPANTS À CETTE FORMATION EST DE 4.3/5 :