Dans le cours : React : Design Patterns

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 24 900 cours dispensés par des experts.

Solution: Créer une page de chargement

Solution: Créer une page de chargement - Tutoriel React.js

Dans le cours : React : Design Patterns

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Solution: Créer une page de chargement

“

(Musique entraînante) Voilà pour notre exemple et ici ce que l'on va faire : c'est créer tout d'abord un composant d'ordre supérieur que je vais nommer très simplement withLoading. L'objectif de ce composant d'ordre supérieur, c'est d'afficher un message pour indiquer que le contenu est en cours de chargement en attendant d'afficher les données lorsqu'elles seront disponibles. On a ce nouveau composant d'ordre supérieur. Donc là je crois qu'il me manque une accolade pour fermer ce composant. Voilà donc pour ce nouveau composant d'ordre supérieur. Et donc on va pouvoir utiliser celui-ci à l'intérieur du composant supérieur qui est App, ligne 13, mais avant cela, je vais créer un composant amélioré. Et donc je vais créer celui-ci ce composant amélioré avec un autre composant qui sera UserProfile Vous voyez ici ligne à 34 et 37, on gère au même endroit, dans le même composant, la logique métier et la présentation. Donc, c'est justement le modèle et l'anti-pattern que l'on…

Table des matières