React Render Modes: Client, SSG, SSR, and RSC

Hands-on practice for this lecture. Work through the exercises and quizzes to reinforce what you've learned.

Exercise 1 of 1

Client Fetch vs Pre-rendered Data

See the difference between fetching data in useEffect (client-side) and receiving it as props (the SSG/SSR model). The loading delay you see in the Problem is what SSG and SSR eliminate.

interact to see yellow flashes →

Client-side fetch (useEffect) — loading delay visible