Sofiane Boumedine Lexique Dev

Code Splitting

React 🟡 Mid

Type : React Performance

Definition

Technique qui divise le bundle JS en morceaux charges a la demande. Reduit le temps de chargement initial.

Analogie

Comme ne charger que le chapitre que vous lisez au lieu du livre entier.

Exemple de code

const Admin = lazy(() => import(class="str">'./AdminPanel'));
class="cmt">// Le code dclass="str">'AdminPanel n'est charge
class="cmt">// que quand le composant est rendu