> Formations > Technologies numériques > Technologies web > Développer avec des frameworks web > Formation ReactJS, programmation avancée > Formations > Technologies numériques > Formation ReactJS, programmation avancée
Formation ReactJS, programmation avancée
Formation pratique - 3j
- 21h00 - Réf. RJS
|
Télécharger le programme
Partager cette formation
 | Comprendre les concepts avancés de ReactJS |
| Optimiser les performances des applications ReactJS |
| Améliorer la qualité du code produit |
| Intégrer les différentes librairies externes incontournables |
| Améliorer l'expérience utilisateur avec les fonctionnalités avancées de Redux |
Public concerné
Développeurs web, architectes.
Prérequis
Une première expérience concrète avec React et Redux et/ou avoir suivi la formation "ReactJS, maîtriser le framework JavaScript de Facebook" (Réf. TJS).
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant
ce test.
Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.
Programme de la formation
1 Introduction
- Rappels sur ES6+ et les modules.
- Les principes clés de React : VirtualDOM, JSX, One-way Data Flow.
- Découvrir l’écosystème des outils ReactJS.
Travaux pratiques
Mise en place d'un environnement de développement optimisé pour React et d'une première application web qui servira de fil rouge pour les chapitres suivants.
2 Bonnes pratiques de développement
- Rappels de productivité : prop-types et DefaultProps, component sheet avec StoryBook.
- Typage du code avec flow ou TypeScript.
- Prototyper rapidement un composant, solutions.
- Mettre en place des tests unitaires et fonctionnels.
Travaux pratiques
Amélioration de la qualité de l'application grâce au typage et aux tests automatisés.
3 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 contexts.
- "React hooks" programmation fonctionnelle : useEffect, useState.
- React : création de "customHooks" pour distribuer une logique personnalisée.
Travaux pratiques
Mise en œuvre des contexts et des portals dans l'application fil rouge. Création de composants fonctionnels et utilisation des hooks.
4 Redux avancé
- Rappels Redux : les différentes entités, la syntaxe de base 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.
Travaux pratiques
Conversion d'un formulaire à Redux Form et sauvegarde de la navigation.
5 Optimisation des performances
- API pour l’optimisation React.Suspense React.Lazy, mode concurrent et React.Cache.
- Server side rendering avec NextJS.
- Comment optimiser le cycle de vie des composants ?
- Utiliser l'immutabilité pour accélérer et simplifier les traitements.
- Les composants purs.
Travaux pratiques
Mise en œuvre du code splitting avec React.Lazy et Suspense.
6 Animations/transitions
- Animer les composants "à la main" à l'aide d'animations et transitions CSS.
- Simplifier le travail avec React Transition Group.
- Aller plus loin avec les principales librairies d'animation : comparatif et exemples de mise en œuvre.
Travaux pratiques
Ajout de transition d'apparition/disparition des différents écrans.
7 L'internationalisation
- Internationalisation versus localisation : différences et scénarios d'utilisation.
- Les principales librairies d'internationalisation.
- Intégration dans React et Redux.
Travaux pratiques
Traduction de l'application fil rouge et gestion du changement de langue.
Solutions de financement
Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.
Avis clients
4,7 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
MOHAMED TAHA B.
27/05/26
5 / 5
très satisfait
MAXIME B.
27/05/26
5 / 5
Tout était très clair et limpide. Toute la partie tp est top, le fil rouge en ayant de revues de code afin de bien comprendre les aboutissants est vraiment très ficelée
LOUIS D.
27/05/26
5 / 5
Très complet et accorde du temps pour revoir avec nous des notions, ou des concepts non assimilés
Horaires
Les formations ont lieu de 9h à 17h30, avec une pause de 1h à 1h30 pour le déjeuner.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
Pour les formations de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.
Date de publication : 12/01/2024
PARTICIPANTS
Développeurs web, architectes.
PRÉREQUIS
Une première expérience concrète avec React et Redux et/ou avoir suivi la formation "ReactJS, maîtriser le framework JavaScript de Facebook" (Réf. TJS).
COMPÉTENCES DU FORMATEUR
Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.
MODALITÉS D’ÉVALUATION
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.
MODALITÉS ET DÉLAIS D’ACCÈS
L’inscription doit être finalisée 24 heures avant le début de la formation.
ACCESSIBILITÉ AUX PERSONNES HANDICAPÉES
Pour toute question ou besoin relatif à l’accessibilité, vous pouvez joindre notre équipe PSH par e-mail à l’adresse psh-accueil@orsys.fr.
Développeurs web, architectes.
PRÉREQUIS
Une première expérience concrète avec React et Redux et/ou avoir suivi la formation "ReactJS, maîtriser le framework JavaScript de Facebook" (Réf. TJS).
COMPÉTENCES DU FORMATEUR
Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.
MODALITÉS D’ÉVALUATION
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.
MOYENS PÉDAGOGIQUES ET TECHNIQUES
• Les moyens pédagogiques et les méthodes d’enseignement utilisés sont principalement : aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les formations pratiques, études de cas ou présentation de cas réels pour les séminaires de formation.
• À l’issue de chaque formation ou séminaire, ORSYS fournit aux participants un questionnaire d’évaluation du cours qui est ensuite analysé par nos équipes pédagogiques.
• Une feuille d’émargement par demi-journée de présence est fournie en fin de formation ainsi qu’une attestation de fin de formation si le participant a bien assisté à la totalité de la session.
• Les moyens pédagogiques et les méthodes d’enseignement utilisés sont principalement : aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les formations pratiques, études de cas ou présentation de cas réels pour les séminaires de formation.
• À l’issue de chaque formation ou séminaire, ORSYS fournit aux participants un questionnaire d’évaluation du cours qui est ensuite analysé par nos équipes pédagogiques.
• Une feuille d’émargement par demi-journée de présence est fournie en fin de formation ainsi qu’une attestation de fin de formation si le participant a bien assisté à la totalité de la session.
MODALITÉS ET DÉLAIS D’ACCÈS
L’inscription doit être finalisée 24 heures avant le début de la formation.
ACCESSIBILITÉ AUX PERSONNES HANDICAPÉES
Pour toute question ou besoin relatif à l’accessibilité, vous pouvez joindre notre équipe PSH par e-mail à l’adresse psh-accueil@orsys.fr.
Ce programme est une création originale, conçu par les équipes pédagogiques d'ORSYS Formation. Toute reproduction, représentation, adaptation ou exploitation, totale ou partielle, sans autorisation préalable écrite d'ORSYS, est strictement interdite. ORSYS se réserve le droit d'engager toute action nécessaire à la protection de ses droits de propriété intellectuelle.
Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance
Dernières places
Date garantie en présentiel ou à distance
Session garantie
Ce programme est une création originale, conçu par les équipes pédagogiques d'ORSYS Formation. Toute reproduction, représentation, adaptation ou exploitation, totale ou partielle, sans autorisation préalable écrite d'ORSYS, est strictement interdite. ORSYS se réserve le droit d'engager toute action nécessaire à la protection de ses droits de propriété intellectuelle.