Le code splitting est une fonctionnalité en ReactJS qui permet de diviser le code de votre application en plusieurs petits morceaux ou “chunks” qui peuvent être chargés de manière asynchrone. Ce processus peut améliorer considérablement les performances de votre application en réduisant la quantité de code qui doit être chargée et exécuté au démarrage.
Par exemple, si une partie spécifique du code n’est utilisée que dans certaines conditions ou après certaines actions de l’utilisateur (comme le clic sur un bouton), cette partie du code peut être séparée du bundle principal et chargée uniquement lorsqu’elle est nécessaire. Cela peut rendre le chargement initial de l’application beaucoup plus rapide, car il n’est pas nécessaire de charger tout le code en une seule fois.
ReactJS offre une manière facile de faire du code splitting via sa fonctionnalité “React.lazy” et “Suspense”.
