ReadMeFeed / Community knowledge

#code-splitting

Real questions. Useful conversations. Find the people who know your stack.

Article0 replies4,504 followingPosted 24 Mar 2026, 12:11 UTC138.1K views578 votes

Remix Route Loaders: Server-Rendered Data Without Client Fetches

Learn how Remix route loaders deliver data at render time, improve SEO, and enable granular code splitting, with a concrete example and checks you can run today.

Community & Careers · Blog

Next page →

Tasadduq Burneyowner

Started24 Mar 2026, 12:11 UTC

Level 38Owner35,775 rep points

Community & Careers

Article0 replies2,772 followingPosted 29 Aug 2026, 19:24 UTC61.1K views3,781 votes

Choosing Route-Level Lazy Loading with React Router v6.4+: A Practical Decision Guide

Decide when to use React Router’s route.lazy() for code‑splitting versus eager imports. This guide compares bundle size, navigation latency, and data API compatibility, then shows a concrete router config and verification steps.

Community & Careers · Guide

react-router lazy-loading

reactrouter

Community & Careers

Article0 replies4,309 followingPosted 10 Dec 2025, 22:47 UTC148.2K views4,704 votes

Splitting the Load: How Webpack’s Dynamic Imports Reduce First‑Paint Times

Reduce the first‑paint time of your SPA by splitting the bundle with Webpack’s dynamic imports. Learn how to configure SplitChunksPlugin, name chunks, and verify the result with browser tools.

Community & Careers · Blog

dynamic-imports

webpack code-splitting

Community & Careers

Article0 replies941 followingPosted 29 Dec 2025, 10:38 UTC42.7K views2,585 votes

Stencil lazy:true: on-demand component loading without extra bundle weight

Stencil's lazy:true decorator creates a separate chunk for a component that is fetched only on first DOM use. See how to enable it, verify on-demand loading in DevTools, and avoid first-render latency pitfalls.

Community & Careers · Blog

stenciljs lazy-loading web-components

Community & Careers

Article0 replies2,189 followingPosted 22 Oct 2025, 02:21 UTC106.7K views1,851 votes

Lazy‑Loading StencilJS Components with `lazy: true`

Learn how StencilJS's `lazy: true` flag creates separate chunks for web components, reducing initial bundle size and deferring load until the component is actually needed.

Community & Careers · Blog

stenciljs lazy-loading web-components

Community & Careers

Article0 replies3,555 followingPosted 29 Jan 2026, 05:08 UTC66.8K views2,667 votes

Using Webpack Dynamic Imports for Code Splitting in a React App

Learn how to split non‑critical React components into separate chunks with dynamic imports, reducing initial bundle size and improving load time.

Community & Careers · Blog

webpack code-splitting

react

Community & Careers

Article0 replies1,043 followingPosted 15 Apr 2026, 18:20 UTC139.9K views2,654 votes

Splitting Vendor Code in Rollup with output.manualChunks

Use Rollup's output.manualChunks to split node_modules into a stable vendor chunk, keeping library code cached across deploys while your app code changes.

Community & Careers · Guide

bundling manualchunks code-splitting

Community & Careers

Article0 replies1,146 followingPosted 16 Sept 2026, 17:16 UTC134.3K views4,366 votes

Why Rollup Ships Smaller Bundles: Tree-Shaking and Code-Splitting in Practice

Rollup's ES-module-native design enables aggressive tree-shaking and automatic code-splitting. A reproducible example shows both mechanisms, plus the sideEffects and CommonJS pitfalls.

Community & Careers · Blog

code-splitting javascript-bundling

rollup

Community & Careers

Article0 replies3,898 followingPosted 04 Nov 2025, 05:03 UTC70.4K views1,597 votes

Deterministic, readable chunk filenames in Rollup using output.plugins

Learn how to use Rollup’s output.plugins hook to generate deterministic, readable filenames for code‑split chunks while avoiding collisions and preserving cache‑busting benefits.

Community & Careers · Blog

bundling code-splitting

rollup