Imprimer le programme 
Télécharger le programme en PDF -
Formateur(s)
Claude LECOMTE -
Référence
REA01
-
Durée
3 jours (21h)
-
Prix unitaire HT
1650 €
Prochaines sessions
| Date de début | Ville | Prix unitaire HT |
|---|
Description
Aujourd’hui, les utilisateurs sont de plus en plus exigeants et les applications web deviennent de plus en plus complexes. Afin de répondre aux nouveaux besoins, les technologies se font plus agiles et plus performantes. Le but de cette formation est de maitriser et de comprendre les concepts sous-jacents de deux des librairies les plus modernes à ce jour afin de pouvoir les exploiter dans un contexte de production.
Objectifs pédagogiques
- Appréhender les concepts sous-jacents aux applications web modernes
- Comprendre et maitriser React et Redux
- Mettre en oeuvre les bonnes pratiques
- Appréhender leur utilisation pour répondre aux besoins des applications les plus exigeantes
Public cible
Chefs de projet Web, Architectes techniques, Développeurs front-end
Pré-requis
Bonne connaissance de Javascript, Connaissance html, pratique du développement web
Modalités d’évaluation
L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.
Méthodes pédagogiques
50% théorie / 50% pratique
Dernière mise à jour : février 2022
Programme de la formation
React
Introduction
- Histoire
- Généralités
- Concepts
Outils
- React Developer Tools
- Webpack
- Babel
- Create React App
ES6
- Classes
- Fonctions fléchées
- Affectation par décomposition
- Spread operator
React DOM
- Problématique du DOM
- Virtual DOM
Le langage JSX
- Concepts
- HTML vs JSX
- Intégration dans React
Components
-
Props
-
Définition d’un composant (fonction, classe)
-
Utilisation des hooks et définition de hook custom
-
Initialisation par requête asynchrone
State
- Qu’est-ce qu’un état ?
- Changer l’état
- Problématique d’un état interne
- Persister l’état d’un composant
Cycle de vie d’un composant
- Mount
- Update
- Unmount
Routage
- React-router
- Routes imbriquées
- Index et redirection
- Routes à paramètres
Redux
Présentation de Redux
- Etat de l’art
- Gestion d’état
- Problème solutionné par Redux
Principes fondateurs de Redux
- Une seule source de vérité
- Etat immutable
- Modifications par fonctions pures
Les bases de Redux
- Data flow
- Actions
- Reducers
- Store
Redux avancé
- Middleware
- Actions asynchrones
- Initialisation du store
React-redux
- Principe de fonctionnement
- Provider
- Connect
TypeScript
- Présentation et exemples
- Utilisation avec React
- Utilisation avec Redux