Bonnes pratiques relatives aux bibliothèques de composants partagés
Je crée une bibliothèque de composants partageables React.
La bibliothèque contient de nombreux composants, mais l'utilisateur final n'aura peut-être besoin que de quelques-uns d'entre eux.
Lorsque vous regroupez du code avec Webpack (ou Parcel ou Rollup), il crée un seul fichier avec tout le code.
Pour des raisons de performances, je ne souhaite pas que tout ce code soit téléchargé par le navigateur à moins qu'il ne soit réellement utilisé. Ai-je raison de penser que je ne devrais pas regrouper les composants? Le regroupement doit-il être laissé au consommateur des composants? Dois-je laisser autre chose au consommateur des composants? Dois-je juste transpiler le JSX et c'est tout?
Si le même dépôt contient de nombreux composants différents, que doit contenir main.js?
Il existe une configuration dans webpack pour créer des fichiers de blocs. Pour commencer, cela créera le bundle principal en plusieurs morceaux et le chargera au besoin. si votre projet a des modules bien structurés, il ne chargera aucun code non requis.