Personnalisation de votre page d'accueil

Lorsque la page d'accueil de l'React Store application est lancée, le routeur React tient compte du chemin d'accès relatif et charge le composant de page configuré pour ce chemin.

Table 1. Page d'accueil et ses composants
Emplacement Description
src\constants\routes.ts Chemin d'accès du magasin - chemins utilisés dans le magasin.
ROUTE_CONFIG dans src\configs\routes.ts Mappages entre le chemin et le composant.

ROUTE_CONFIG doit être mappé séparément pour les magasins B2C et B2B.

Home.tsx dans src\components\pages\home Composant de page pour la page d'accueil.

Le composant Home.tsx contient la page d'accueil entière et ses sous-composants.

src\components\layouts\standard-page Composant de présentation de la page d'accueil

La page d'accueil utilise StandardPageLayout pour afficher les sous-composants de la page. Le composant SStandardPageLayout se compose d'une bannière et de deux sections, alignées verticalement.

src\App.tsx En-tête et pied de page
Prenez en considération les points suivants pour la page d'accueil et ses composants :
  • Pour les Reference Store application, la page d'accueil des Reference Store application B2C et B2B est mappée au même composant de page.
  • Il n'est pas obligatoire d'utiliser un composant de présentation. Les sous-composants peuvent être inclus directement dans le composant Accueil. Toutefois, en créant un composant de présentation, vous pouvez réutiliser la même structure de présentation sur d'autres pages.
  • L'en-tête et le pied de page sont statiquement inclus dans l'application React et ne font pas partie du routage. En tant que tels, ils sont présents sur chaque page. Les composants d'en-tête et de pied de page sont src/components/header et src/components/footer respectivement.