Server Components & Boundaries
Server Components & Boundaries
'use client' placement, the serialization wall and the children-slot pattern.
React + TypeScript3 challenges0 Easy2 Medium1 Hard
Your progress0 / 3 solved
- Medium~20 min
Push 'use client' to the Leaf
A product page where one like button dragged the whole module across the client boundary: the page section…
- RSC
Start Challenge - Hard~35 min
The Serialization Wall: RSC Props
An orders page (Server Component) renders a client-side <OrderTable> — and hands it three props that cannot…
- RSC
Start Challenge - Medium~20 min
Client Shell, Server Children: the Slot Pattern
A reading view where a tiny client shell (a theme toggle) swallowed the entire server-rendered article: the…
- RSC
- Composition
Start Challenge