lazy-loading-patterns

SKILL.md

Code splitting and lazy loading patterns for React 19 applications using React.lazy, Suspense, route-based splitting, and intersection observer strategies.

| Decision | Option A | Option B | Recommendation |

| Splitting granularity | Per-component | Per-route | Per-route for most apps, per-component for heavy widgets | | Prefetch strategy | On hover | On viewport | On hover for nav links, viewport for content | | Suspense placement | Single root | Granular | Granular for independent loading |

Fractionnement de code et chargement paresseux avec React.lazy, Suspense, fractionnement basé sur les itinéraires, observateur d'intersection et stratégies de préchargement pour des performances de bundle optimales. À utiliser lors de l'implémentation du chargement différé ou du préchargement. Source : yonatangross/orchestkit.

Voir l'original