Étape 04

Prérequis

git checkout --force step-04
pnpm i

Description

L'équipe Book souhaite faire évoluer l'affichage des livres dans la liste.
Elle en détient les connaissances métier et elle souhaite rapatrier le composant dans son module afin de l'exposer à Booklist.

Exercice

Déplacer le composant apps/booklist/src/BooklistItem dans apps/book et l'exposer via Module Federation.

info

Depuis l'onglet Network de vos devtools, vous remarquerez qu'un module (ici Book) est capable d'exposer plusieurs composants (BooklistItem & Book) sans pour autant avoir à tous les télécharger dès que le module est sollicité.
Sur la page d'accueil, seul le composant BooklistItem est chargé et le composant Book, utilisé en asynchrone via React.lazy, n'est chargé que lorsque l'on visite la page des livres pour la 1ère fois.

Solution

Pour accéder à la solution :

git checkout --force step-04-result

Pour voir les changements :

git diff step-04..step-04-result

ou sur Github.