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-Aufteilung und verzögertes Laden mit React.lazy, Suspense, routenbasierter Aufteilung, Kreuzungsbeobachter und Vorladestrategien für optimale Bundle-Leistung. Wird bei der Implementierung von Lazy Loading oder Preloading verwendet. Quelle: yonatangross/orchestkit.

Original anzeigen