Formation React.js + Redux
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
Découvrir React.js et Redux
| Tarif |
A partir de 2 750,00 € |
| Durée | 5 jour(s) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 2 750,00 € |
| Durée | 5 jour(s) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Programme
Introduction
Panorama des librairies disponibles
Rappels HTML5 et JavaScript
React.js : présentation, historique des versions
Installer l'environnement de développement (NodeJS/npm/yarn)
Présentation de la commande create-react-app
Atelier : Créer et démarrer un projet ReactJS
Découvrir ECMAScript
Spécification ECMAScript et implémentations
La Syntaxe Objet :
Evolution de la programmation orientée prototype
Syntaxe de classes : membres d'instances et membres de classe
Agrégation d'objets (mixins)
Héritage
Les fonctions fléchées
Design patterns
Définition de modules
Système natif de gestion des modules, chargement
Gestion des dépendances
Créer un projet React
Organisation d'un projet React
Architecture du projet
Personnaliser la configuration du projet
Comprendre le rendu d'un projet
Le Mode Strict
Concevoir des Composants
Définir un composant
Les composants fonction et classe
Utiliser les propriétés
Etats des composants
Le style (CSS/SASS) et les assets
Gestion des évènements
Relation entre composants
Utiliser la composition
Atelier : Créer plusieurs composants
Mettre en forme du contenu avec JSX
Présentation de JSX
Les éléments React avec et sans JSX
Le DOM virtuel
Les expressions et les attributs
Se protéger des attaques par injection (XSS)
Les conditions et les boucles
Les fragments
Atelier : Afficher, boucler et conditionner des jeux de données
Comprendre le cycle de vie d’un composant
Comprendre les cycles
Monter un composant
Ajouter des méthodes à un composant et des propriétés par défaut
Fixer des types de propriété
Atelier : Charger des données depuis une API
Utiliser le cycle de vie dans un composant fonctionnel: Les Hooks
Présentation des Hooks
Liste des hooks disponibles
Les hooks d'états et d'effet
Les bonnes pratiques et pièges à éviter
Les hooks personnalisés
Atelier : Créer et manipuler une todolist
Naviguer dans un projet React
Mise en place du Routing (React-router)
Rendu d’une route
Liens via les Router
Organiser les routes
Passage de paramètres liens, redirections
Atelier : Mettre en place la navigation
Communiquer depuis une application: Les Formulaires
Rappel des comportements en HTML et JavaScript
Les formulaires avec React
Les composants contrôlés et non contrôlés
Récupérer et mettre à jour des données
Valider et filtrer les données
Présentation des frameworks disponibles (React Hook Form, Formik)
Atelier : Créer un formulaire d'inscription
Utiliser Redux dans un projet
Présentation de redux
Les avantages apportés par les Store
Créer et configurer un Store
Les Actions et Les Reducers
Utiliser les Action Creators
La fonction connect()
Les Hooks Redux (useStore, useSelector, useDispatch)
Atelier : Mettre en place une authentification
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
- Cette formation fait l'objet d'une évaluation formative.
| Tarif |
Contacter l'organisme |
| Durée |
2 jours (14 heures) |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Vous familiariser avec la syntaxe et les fonctionnalités ES6
- Présenter les principes de base du framework ReactJS
- Expliquer la syntaxe JSX, la définition et l'intérêt des composants
- Décrire le concept de props (propriétés) et leur utilisation
- Présenter le fonctionnement de la navigation avec React et le router react-router-dom
- Présenter les Hooks
- Gérer les évènements et rendu conditionnel dans le JSX
- Créer des listes, utiliser des fragments et gérer les formulaires avec React
- Décrire le concept de Redux
- Expliquer les perspectives et mettre en oeuvre les bonnes pratiques.
| Tarif |
A partir de 1 830,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Construire une application web fullstack avec la MERN Stack : MongoDB, Express.js, React et Node.js| Tarif |
A partir de 5 475,00 € |
| Durée |
10j / 70h |
| Modes |
|
Objectifs de la formation
- Mettre en œuvre les concepts de la programmation fonctionnelle et déclarative
- Installer et configurer un projet React
- Développer des interfaces utilisateurs à base de composants
- Gérer la navigation au sein de l’application
- Mettre en place une architecture de gestion d’état de l’application avec Redux
- Tester le code et les composants
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Analyser les performances et optimiser les applications React
- Maîtriser les techniques de gestion avancée des états avec les hooks
- Implémenter les mécanismes de sécurité et d'authentification dans les applications React
- Etendre les fonctionnalités des applications React en utilisant des bibliothèques et APIs
- Concevoir des tests unitaires et d'intégration avancés
| Tarif |
A partir de 1 950,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Mettre en oeuvre Redux Toolkit et refondre une application Redux existante en utilisant Redux Toolkit
- Utiliser React Query et l'intégrer dans une application pour récupérer et gérer les données d'une API
- Gérer des PWA (Progressive Web Apps) avec React
- Mémoïser et optimiser des performances avec React
- Ecrire des tests avancés pour une application React
- Migrer une application React utilisant REST vers GraphQL
- Reconnaître les notions avancées telles que la gestion des contextes et des providers
- Utiliser Portals pour le rendu de modales et tooltips
- Gérer les erreurs avec les composants "Error Boundary"
- Mettre en oeuvre les notions avancées dans une application React.
| Tarif |
A partir de 1 220,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Comprendre l'architecture React Native
- Créer des composants basiques
- Maîtriser la mise en page avec Flexbox
- Implémenter l'architecture Flux et Redux
- Utiliser la navigation et les animations
- Gérer les formulaires et les données
- Utiliser les API et modules natifs
| Tarif |
A partir de 2 600,00 € |
| Durée |
4 jours |
| Modes |
|
Objectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Expliquer les principes du Data-Binding et de l'immutabilité
- Installer l'environnement de développement React
- Utiliser la syntaxe JSX
- Comparer les composants objets et fonctions
- Mettre en œuvre Flux et Redux pour les applications Web monopages
- Configurer le routage avec React Router
- Créer des tests unitaires pour les composants React
- Migrer une application vers React
| Tarif |
A partir de 1 950,00 € |
| Durée |
3 jours |
| Modes |
|
