Chapter 15 — The Ultimate React Architecture

1. Suspense: throw Promise pattern

Click the button to simulate data loading. In the Fiber engine, if a component throws a Promise, the current tree's rendering is suspended and switches to fallback UI. After data resolves, Fiber automatically re-renders.

Click the button above to experience Fiber suspension...

2. renderToString: SSR simulation

Click the button and watch how VNodes are converted to HTML strings (the core of SSR). Event listeners are deliberately skipped (waiting for Hydration to fix them).

3. RSC Payload: Server Component simulation

Simulates the RSC core flow: Server Component renders on server → generates clean RSC Payload JSON → client receives and awakens Client Component.