Why Does RSC Integrate with a Bundler? — overreacted
13 hours ago
- RSC integrates with bundlers to efficiently serialize and deserialize modules, avoiding code duplication and network waterfalls.
- The RSC implementation consists of two internal packages: react-server for serialization and react-client for deserialization.
- Bundler-specific bindings (e.g., for Parcel, Webpack, Vite) handle 'use client' entry points and module resolution.
- Bundlers enable efficient loading by pre-bundling code into chunks, reducing the need for per-file network requests.
- The process involves serializing server-side output and deserializing it on the client to revive interactive components like JSX.