Packt

Patrons React avancés, tests et Next.js

Profitez de l'une de nos meilleures offres et renforcez vos compétences avec 50 % de réduction sur Coursera Plus. Économisez maintenant.

Packt

Patrons React avancés, tests et Next.js

Inclus avec Coursera Plus

Demander à Coursera

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

2 semaines à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

2 semaines à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme

Ce que vous apprendrez

  • Mettre en œuvre des techniques avancées de React telles que les hooks personnalisés, les render props et les composants d'ordre supérieur.

  • Optimisez les performances de votre application React à l'aide de techniques de mémorisation, de chargement différé et de virtualisation.

  • Maîtrisez le routage, la navigation et le rendu côté serveur avec Next.js.

  • Acquérez des compétences en matière de tests d'applications React à l'aide des méthodes de test de React 19, y compris les tests asynchrones.

Compétences que vous acquerrez

  • Catégorie : React.js
  • Catégorie : Réutilisation du code
  • Catégorie : Interface utilisateur (UI)
  • Catégorie : Optimisation des performances
  • Catégorie : Modèles de conception de logiciels
  • Catégorie : Côté serveur
  • Catégorie : Tests de logiciels
  • Catégorie : Développement Web complet
  • Catégorie : Tests unitaires
  • Catégorie : Validation des données

Outils que vous découvrirez

  • Catégorie : Composants de l'interface utilisateur
  • Catégorie : React Redux
  • Catégorie : Intégration frontale
  • Catégorie : Performance de l'interface utilisateur
  • Catégorie : Cadres JavaScript

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

mai 2026

Évaluations

11 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

 logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation "Le cours complet de développeur React 19 (y compris Next.js 16)"
Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
  • Apprenez de nouveaux concepts auprès d'experts du secteur
  • Acquérez une compréhension de base d'un sujet ou d'un outil
  • Développez des compétences professionnelles avec des projets pratiques
  • Obtenez un certificat professionnel partageable

Il y a 9 modules dans ce cours

Dans ce module, nous allons nous intéresser de près aux hooks personnalisés de React. Nous verrons comment créer et mettre en œuvre des hooks personnalisés pour gérer des logiques réutilisables, telles que l'état et la validation des formulaires. Vous apprendrez à optimiser la structure de votre code en encapsulant des logiques complexes dans des fonctions réutilisables.

Inclus

2 vidéos2 lectures1 devoir

Dans ce module, nous allons explorer des modèles avancés permettant de créer des composants React réutilisables et faciles à maintenir. Nous aborderons des sujets tels que les Render Props, les composants composés et les HOC, qui vous aideront à créer des applications plus flexibles et évolutives. Vous découvrirez également des modèles permettant une meilleure gestion de l'état et des props.

Inclus

8 vidéos1 devoir

Dans ce module, nous nous concentrerons sur l'amélioration des performances des applications React. Vous apprendrez à optimiser le rendu à l'aide de techniques de mémorisation, du chargement différé des composants et de la virtualisation des listes volumineuses. De plus, nous vous montrerons comment utiliser le profileur de React DevTools pour identifier et résoudre les problèmes de performances.

Inclus

8 vidéos1 devoir

Dans ce module, nous aborderons le routage et la navigation au sein des applications React. Vous apprendrez à configurer des routes imbriquées, à gérer les paramètres d'URL dynamiques et à mettre en place une protection des routes en fonction du statut d'authentification. Cette section explorera également des techniques permettant de mettre en œuvre des structures de routage efficaces et flexibles.

Inclus

7 vidéos1 devoir

Dans ce module, nous aborderons en détail la gestion avancée des formulaires dans React. Vous apprendrez à gérer les données des formulaires, à valider les entrées à l'aide de react-hook-form et de Yup, ainsi qu'à créer des composants de saisie personnalisés pour les formulaires complexes. Cette section vous permettra de mettre en œuvre des solutions de formulaires robustes et évolutives dans vos applications React.

Inclus

5 vidéos1 devoir

Dans ce module, nous aborderons la récupération de données et la gestion de l'état dans React. Vous apprendrez à récupérer des données à partir d'API à l'aide de `fetch` et `useEffect`, à gérer l'état global avec Zustand, et à utiliser Redux Toolkit pour les logiques d'état complexes. Nous aborderons également la gestion des erreurs afin de garantir une expérience utilisateur fluide.

Inclus

8 vidéos1 devoir

Dans ce module, nous nous concentrerons sur les tests des composants React. Vous apprendrez à utiliser des bibliothèques de test pour vérifier le rendu et le comportement des composants, notamment les champs de formulaire et le rendu conditionnel. Nous aborderons également les tests par instantanés et la simulation d'événements utilisateur afin de vous assurer que vos composants fonctionnent comme prévu.

Inclus

13 vidéos1 devoir

Dans ce module, nous allons explorer les différentes techniques de rendu disponibles dans React, notamment le SSR, le SSG et l'ISR. Vous apprendrez à déterminer quand utiliser chacune de ces méthodes afin d'améliorer les performances et l'évolutivité. Cette section vous permettra d'acquérir les connaissances nécessaires pour prendre des décisions éclairées concernant les stratégies de rendu.

Inclus

1 vidéo1 devoir

Dans ce module, nous allons approfondir Next.js 16 et explorer ses fonctionnalités puissantes, telles que le routage basé sur les fichiers, le SSR/SSG/ISR et la logique côté serveur. Vous apprendrez à mettre en place un projet Next.js, à intégrer des composants client-serveur et à exploiter les routes API pour le développement full-stack. Cette section vous préparera à créer des applications Next.js évolutives et performantes.

Inclus

43 vidéos1 lecture3 devoirs

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

Packt - Course Instructors
Packt
1 946 Cours576 973 apprenants

Offert par

Packt

En savoir plus sur Développement de logiciels

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Foire Aux Questions