Description

Devenir expert en React nécessite bien plus que de maîtriser les bases.

Pour créer des applications performantes, maintenables, et évolutives, il est essentiel de connaître et d'appliquer les techniques avancées propres à ce framework.

Cette formation, "React, Techniques Avancées", est conçue pour les développeurs qui souhaitent passer au niveau supérieur en React.

Ce cours couvre des sujets tels que les optimisations de performance, les patterns avancés de composants, les hooks personnalisés, le rendu côté serveur (SSR), l'internationalisation, et bien plus encore.

À la fin de ce cours, vous serez capable de construire des applications React robustes et complexes, en appliquant les meilleures pratiques et les astuces d'experts.

Publics visés

  • Développeurs ayant déjà une bonne maîtrise des bases de React.
  • Développeurs souhaitant optimiser la performance de leurs applications React.
  • Architectes logiciels cherchant à standardiser les bonnes pratiques avancées avec React.
  • Chefs de projet technique voulant implémenter des solutions React complexes et évolutives.
  • Développeurs indépendants ou freelances cherchant à offrir des solutions React de haute qualité à leurs clients.

Pré-requis

  • Bonne maîtrise des concepts de base de React (composants, hooks, JSX).
  • Expérience avec des applications React de taille moyenne à grande.
  • Connaissance de base des hooks personnalisés et des patterns de composants.
  • Familiarité avec l'écosystème React et ses outils de développement.
  • Compréhension des principes de base de l'optimisation des performances en JavaScript.

Compétences

Appliquer des techniques avancées d'optimisation des performances dans React.

Maîtriser les patterns avancés de composants pour créer des interfaces réutilisables et maintenables.

Créer et utiliser des hooks personnalisés pour encapsuler des logiques complexes.

Implémenter le rendu côté serveur (SSR) avec React pour améliorer le SEO et les performances.

Utiliser les Suspense et React.lazy pour optimiser le chargement des composants.

Gérer l'internationalisation des applications React avec des bibliothèques comme React-Intl.

Manipuler le DOM de manière efficace et performante avec React.

Implémenter des tests avancés pour garantir la qualité du code React.

Intégrer des animations complexes avec des solutions comme Framer Motion.

Appliquer les meilleures pratiques de sécurité dans le développement d'applications React.

Contenu du cours

5 chapites • 24 vidéos • 3h 27m de cours
Optimisation des Performances en React
4 vidéos • 34m 23s

Apprenez à optimiser les performances de vos applications React.

Profiling et optimisation des performances
08:35

Apprenez à profiler et à optimiser les performances dans React.

Utilisation efficace de React.memo et useMemo
08:33

Maîtrisez l'utilisation de React.memo et useMemo pour éviter les rerenders inutiles.

Suspense et React.lazy pour le Lazy Loading
08:38

Implémentez le Lazy Loading de composants avec Suspense et React.lazy.

Optimisation des performances du DOM avec React
08:37

Réduisez les opérations coûteuses sur le DOM pour améliorer la performance.

Patterns Avancés de Composants
5 vidéos • 43m 7s

Maîtrisez les patterns avancés pour créer des composants React réutilisables et maintenables.

Introduction aux Patterns Avancés
08:32

Découvrez les patterns avancés de composants React.

Render Props : Flexibilité et Réutilisabilité
08:35

Utilisez les Render Props pour créer des composants flexibles et réutilisables.

High Order Components (HOC)
08:38

Maîtrisez les High Order Components pour la réutilisation du code.

Compound Components pour des Interfaces Complexes
08:40

Créez des interfaces complexes et maintenables avec les Compound Components.

Patterns de Composition avec les Contexts
08:42

Apprenez à utiliser les Contexts pour créer des compositions de composants flexibles.

Hooks Personnalisés et Gestion des Side Effects
5 vidéos • 43m 23s

Créez des hooks personnalisés pour encapsuler des logiques complexes et gérer efficacement les side effects.

Introduction aux Hooks Personnalisés
08:36

Découvrez comment créer des hooks personnalisés pour encapsuler des logiques réutilisables.

Gérer les Side Effects avec useEffect
08:39

Utilisez efficacement useEffect pour gérer les side effects dans React.

Utilisation de useCallback et useRef pour la Mémoïsation
08:41

Apprenez à utiliser useCallback et useRef pour mémoriser des fonctions et des références dans React.

Gérer les effets complexes avec useReducer
08:43

Apprenez à gérer des effets complexes avec useReducer pour une meilleure structure.

Encapsulation des Side Effects dans des Hooks Personnalisés
08:44

Créez des hooks personnalisés pour encapsuler des side effects complexes.

Rendu Côté Serveur (SSR) avec React
5 vidéos • 43m 22s

Maîtrisez le rendu côté serveur avec React pour améliorer le SEO et les performances.

Introduction au Rendu Côté Serveur avec React
08:35

Découvrez les bases du rendu côté serveur (SSR) avec React.

Configuration de Next.js pour le SSR en React
08:39

Configurez Next.js pour implémenter le SSR dans vos applications React.

Optimisation des Performances avec SSR
08:41

Apprenez à optimiser les performances de vos applications React grâce au SSR.

SEO et SSR : Bonnes Pratiques
08:43

Améliorez le SEO de vos applications React avec le SSR et les bonnes pratiques.

Tests et Débogage des Applications SSR
08:44

Maîtrisez les techniques de test et de débogage pour les applications SSR.

Internationalisation et Localisation avec React
5 vidéos • 43m 22s

Implémentez l'internationalisation et la localisation dans vos applications React.

Introduction à l'Internationalisation dans React
08:35

Découvrez les concepts d'internationalisation (i18n) et de localisation (l10n) dans React.

Utilisation de React-Intl pour l'i18n
08:39

Maîtrisez React-Intl pour implémenter l'internationalisation dans vos applications React.

Optimisation des Performances pour les Applications Multilingues
08:41

Apprenez à optimiser les performances de vos applications React multilingues.

Bonnes Pratiques de Localisation
08:43

Apprenez les bonnes pratiques de localisation pour garantir une expérience utilisateur cohérente dans toutes les langues.

Gestion des Langues et des Régions avec React
08:44

Maîtrisez la gestion des langues et des régions dans vos applications React.

Enseignant

image
Julien Moulin

Fondateur & Formateur Js/Ts

11 articles sur le blog
28 cours

Julien Moulin est un expert en développement full stack (JS/TS) et un leader technique reconnu. Il excelle dans l'adoption de technologies innovantes tout en répondant aux besoins clients. Son approche allie pragmatisme et innovation, avec une expertise couvrant les plateformes e-commerce, les applications métiers et la modernisation des architectures existantes. En mentor passionné, il partage ses connaissances avec pédagogie, encourage l’apprentissage continu, et inspire ses équipes à relever des défis ambitieux.

Vous serez bientôt prêts pour Next.js ?