Définir un composant Error Boundary - Tutoriel React.js

Table des matières

• Introduction Introduction

  • Bienvenue dans « React : Design Patterns »

    28 s
  • Connaître les prérequis du cours

    48 s
  • Utiliser les outils et les fichiers d'exercice

    2 m 25 s
  • Accéder à Codespaces

    2 m 30 s
• 1. Employer les bonnes pratiques 1. Employer les bonnes pratiques

  • Aborder les questions transversales

    1 m 2 s
  • (Verrouillé)
    Penser en React : de la Composition aux design patterns

    48 s
  • Découvrir les patrons de conception

    2 m 2 s
• 2. Séparer les responsabilités avec le pattern Container-Presenter 2. Séparer les responsabilités avec le pattern Container-Presenter

  • Dissocier logique métier et présentation

    2 m 10 s
  • (Verrouillé)
    Gérer la logique avec le Container

    3 m 57 s
  • (Verrouillé)
    Partager les données

    2 m 24 s
  • (Verrouillé)
    Défi : Créer un Container universel

    1 m 13 s
  • (Verrouillé)
    Solution : Créer un Container universel

    4 m 25 s
• 3. Améliorer la composition avec le HOC 3. Améliorer la composition avec le HOC

  • Utiliser un composant d'ordre supérieur (HOC) ?

    5 m 1 s
  • (Verrouillé)
    Encapsuler la logique dans un HOC

    2 m 49 s
  • (Verrouillé)
    Réutiliser la logique

    5 m 22 s
  • (Verrouillé)
    Défi: Créer une page de chargement

    1 m 37 s
  • (Verrouillé)
    Solution: Créer une page de chargement

    4 m 55 s
• 4. Maintenir une seule source de vérité avec la Context API 4. Maintenir une seule source de vérité avec la Context API

  • (Verrouillé)
    Démarrer avec le contexte API

    3 m 13 s
  • (Verrouillé)
    Créer un nouvel objet Context

    2 m 19 s
  • (Verrouillé)
    Utiliser le composant Provider

    3 m 22 s
  • (Verrouillé)
    S'abonner aux changements d'état

    4 m 33 s
  • (Verrouillé)
    Défi: Gérer les paramètres d'affichage

    1 m 24 s
  • (Verrouillé)
    Solution: Gérer les paramètres d'affichage (partie 1)

    4 m 51 s
  • (Verrouillé)
    Solution: Gérer les paramètres d'affichage (partie 2)

    4 m 47 s
• 5. Gérer la composition avec les Hooks 5. Gérer la composition avec les Hooks

  • (Verrouillé)
    Réutiliser la logique

    2 m 49 s
  • (Verrouillé)
    Encapsuler la logique dans un hook personnalisé

    3 m 56 s
  • (Verrouillé)
    Défi: Gérer un hook personnalisé

    1 m 32 s
  • (Verrouillé)
    Solution: Gérer un hook personnalisé

    6 m 28 s
• 6. Gérer les états complexes avec les reducers 6. Gérer les états complexes avec les reducers

  • (Verrouillé)
    Gérer plusieurs états

    2 m 16 s
  • (Verrouillé)
    Utiliser useReducer ou useState

    4 m 56 s
  • (Verrouillé)
    Comprendre l'anatomie du useReducer

    4 m 33 s
  • (Verrouillé)
    Traiter plusieurs actions avec useReducer

    3 m 22 s
  • (Verrouillé)
    Défi : Gérer un état complexe

    1 m 7 s
  • (Verrouillé)
    Solution: Gérer un état complexe

    5 m 55 s
  • (Verrouillé)
    Partager une seule source de vérité avec useReducer et useContexte

    5 m 55 s
  • (Verrouillé)
    Maintenir une seule source de vérité avec un hook personnalisé.

    1 m 44 s
• 7. Gérer les anomalies avec les périmètres d'erreur 7. Gérer les anomalies avec les périmètres d'erreur

  • (Verrouillé)
    Paramétrer l'affichage en cas d'erreur

    2 m 47 s
  • (Verrouillé)
    Définir un composant Error Boundary

    3 m 47 s
  • (Verrouillé)
    Défi : Créer une page erreur personnalisée

    32 s
  • (Verrouillé)
    Solution : Créer une page erreur personnalisée

    4 m 34 s