Formation React Avancé
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
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 |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 950,00 € |
| Durée | 3 jours |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Cette formation React Avancé est conçue pour les développeurs Web qui souhaitent améliorer leurs compétences en React et créer des applications complexes et performantes. La formation couvre des sujets avancés tels que l'optimisation des performances, la gestion avancée des états avec les hooks, l'intégration de middleware et d'extensions dans Redux ou encore l'utilisation de bibliothèques et API. À la fin de cette formation React, les participants sont en mesure de développer des applications Web robustes et performantes.
Programme
Introduction à la formation React Avancé
Rappels sur le framework React
Présentation des objectifs et programme de formation React Avancé
Optimisation des performances et analyse
Mesure des performances avec l’outil React Developer Tools
Optimisation du rendu grâce à React.memo et useMemo
Utilisation de useCallback pour éviter les re-rendus inutiles
Techniques de code-splitting et de lazy loading
Gestion des ressources et du cache avec Service Workers
Gestion avancée des états avec les hooks
Utilisation de useState et useEffect pour gérer les états locaux
Création de hooks personnalisés pour réutiliser la logique d’état
Maîtrise de useReducer pour gérer les états complexes
Exemple de cas pratique : Création d’un composant avec plusieurs états gérés par des hooks personnalisés
Redux avancé : Middlewares et extensions
Utilisation de middleware pour gérer les effets secondaires (Exemple : redux-thunk)
Gestion des actions asynchrones avec Redux-Saga
Utilisation d’extensions pour faciliter le débogage et la persistance des données (Exemple : Redux DevTools Extension)
Sécurité et authentification
Mécanismes d’authentification : OAuth, JWT
Gestion de l’authentification avec les hooks et les contextes
Sécurisation des routes et des composants
Gestion des erreurs et des exceptions
Bibliothèques et API supplémentaires
Utilisation de bibliothèques UI populaires (Exemple : Material-UI, Ant Design)
Intégration d’API supplémentaires pour étendre les fonctionnalités (Exemple : GraphQL avec Apollo)
Gestion des formulaires avec Formik et Yup
Exemple de cas pratique : Création d’une application avec une bibliothèque UI et l’intégration d’une API externe
Tests avancés pour les applications React
Approfondissement des tests unitaires et d’intégration avec Jest et React Testing Library
Tester les interactions utilisateur avec des tests d’intégration
Tests de performance et d’accessibilité
Automatisation des tests avec les pipelines CI/CD
Exemple de cas pratique : Création d’une suite de tests avancée pour une application React existante
Conclusion
Revue de code et des meilleures pratiques
Synthèse des acquis de la formation React Avancé
Perspectives et ressources pour continuer à apprendre React
Prérequis
Public
Ces formations pourraient vous intéresser
Formation - React Native - Développer des applications mobiles natives pour iOS et Android
Proposé par IB CegosObjectifs 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 |
|
Objectifs de la formation
- Maquetter une application
- Réaliser une interface utilisateur web statique et adaptable
- Développer une interface utilisateur web dynamique
- Réaliser une interface utilisateur avec une solution de gestion de contenu ou e-commerce
| Tarif |
Contacter l'organisme |
| Durée |
53j / 371h |
| Modes |
|
Objectifs de la formation
- Cordova d’abord sans framework afin de porter un code web existant vers une application mobile puis Cordova avec le framework Ionic
- React Native.
| Tarif |
A partir de 2 695,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Comprendre les particularités du framework Svelte et ses différences majeures avec Angular, React ou Vue
- Maîtriser la syntaxe et les fonctionnalités de base du framework
- S'approprier les meilleures pratiques pour créer des composants
- Comprendre comment développer des applications rapides et réactives
- Utiliser les stores
- Construire et gérer une application jusqu'au déploiement avec SvelteKit
| Tarif |
A partir de 1 950,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
Concrètement, à l'issue de ce cours React Avancé, vous serez en mesure de :
- Améliorer la qualité de votre code pour une meilleure maintenance
- Optimiser et mettre en œuvre les bonnes pratiques du développement d’applications React
- Connaître et appliquer les techniques et designs patterns avancés
- Optimiser les performances
- Connaître les technologies autour de React
| Tarif |
A partir de 1 700,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire les principaux concepts liés au framework Svelte
- Ecrire une application Svelte à base de différents composants réactifs, la mettre au point et la proposer aux utilisateurs.
| Tarif |
A partir de 2 010,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Concrètement, à l'issue de cette formation ReactJS, vous aurez acquis les connaissances et compétences nécessaires pour :
- Connaître les apports de la bibliothèque React dans le cadre d’un développement JavaScript
- Savoir coupler React JS avec des modules complémentaires, JSX et ES6
- Concevoir une application web monopage avec la bibliothèque React et l’architecture Flux
- Comprendre et maîtriser la notion d’immutabilité pour optimiser les performances des applications mises à jour uniquement lors de changement
- Comprendre et mesurer les impacts du choix d'une architecture incluant ce type d'application
| Tarif |
A partir de 1 950,00 € |
| Durée |
3j / 21h |
| 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
- Industrialiser, structurer et optimiser vos développements d’applications Web JavaScript en utilisant la bibliothèque React
- Mettre en œuvre les concepts de la programmation fonctionnelle et déclarative
- Mettre en place une architecture de gestion d’état de l’application avec Redux
| Tarif |
A partir de 2 490,00 € |
| Durée |
3j / 21h |
| Modes |
|
