Qunar Tech Salon

Dec 26, 2018 · Frontend Development

Using React.lazy and Suspense for Code Splitting and Lazy Loading

This article explains how React 16.6 introduced React.lazy and Suspense to simplify component code splitting and lazy loading, discusses why code splitting is needed, demonstrates dynamic import() usage, compares React-loadable with the built‑in APIs, and shows advanced patterns such as nested Suspense boundaries.