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.
| 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.