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 |

Code splitting and lazy loading with React.lazy, Suspense, route-based splitting, intersection observer, and preload strategies for optimal bundle performance. Use when implementing lazy loading or preloading. Source: yonatangross/orchestkit.

View raw