Module 1 · 1 chapters

Rendering Strategies

Rendering strategy is the first architectural decision in any frontend system — it shapes SEO, time-to-first-byte, JavaScript bundle size, server cost, and how much interactivity happens on the client vs the server.

SDE-2 interviews expect you to compare CSR, SSR, SSG, and ISR with concrete trade-offs, explain hydration and partial hydration, and describe how React Server Components and streaming SSR change the traditional model.

This module covers each strategy with flow diagrams, performance metrics (FCP, LCP, TTFB, TTI), scenario-based recommendations, and interview questions so you can defend your rendering choices under pressure.

You will leave knowing when to pick CSR for dashboards, SSR for SEO-critical pages, SSG for docs, ISR for semi-static content, and how Islands Architecture and RSC reduce client JavaScript without sacrificing interactivity.

Chapters in this module

  1. Rendering StrategiesRendering is how code becomes HTML in the browser. This chapter covers every strategy — CSR, SSR, SSG, ISR, Streaming SSR, Hydration, Islands Architecture, and React Server Components — with trade-off tables and scenario-based guidance for picking the right approach.
Start with Rendering Strategies