Rendering and Hydration Overview
Archibald implements a sophisticated Island Architecture using a dual-level hydration strategy. This allows the framework to deliver high-performance web applications by minimizing the amount of JavaScript executed during the initial page load.
The Build-to-Runtime Connection
The hydration logic is tightly coupled with the build pipeline. Rspack generates the metadata required for the client to know which JavaScript chunks belong to which "Island".
Hydration Topics
- Island Architecture: Definition of Islands, and the CMSRegistry.
- Hydration Mechanics: The loadable.json manifest and HTML injection flow.
- Decision Logic: How the framework chooses between Hydrate and Render modes.