Native React 18 Code-Splitting with Gatsby
summary
Shows a concrete migration: replace loadable-components plus a Gatsby SSR plugin with native react.lazy and wrap templates in Suspense with a fallback, bumping to React 18 (tested on Gatsby 3.9+). Uses a 10,000‑page test site that randomly includes components to prove fine‑grained splitting, finds a carousel costing ~100 KB of deps but only adds ~10 KB to pages that render it, and demonstrates removing plugin deps and successful builds serving smaller per‑page bundles.
AI-written summary · about
chapters (4)
related talks
24mA Beginner's Guide to Code Splitting Your React App
33mMaximising performance with React code-splitting techniques
01h 00mReact Loadable: Code Splitting with Server Side Rendering
17mThe Client-Side Revolution, Brought to You by React
29mBuilding Large-Scale Web Apps
44mModern React Applications
31mMoving To Suspense
28mLessons in Managing Technical Debt