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.

1

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.

Client-side fetch (useEffect) — loading delay visible

Recent Posts

⏳ Fetching from server… (1.5s delay)

Refresh the panel to see the loading state again. With SSG or SSR the posts would appear immediately.

Re-read the lectureAll lectures →
Practice: React Render Modes: Client, SSG, SSR, and RSC — Interactive Exercises | Durgesh Rai