Interview Question

SSR vs CSR vs hydration?

SSR sends HTML, CSR builds in the browser, and hydration activates server HTML.

💡 Concept ✅ Quick Revision 🌐 HTML

Answer

SSR, CSR, and hydration describe where and how a page becomes interactive. • SSR creates HTML on the server; CSR creates it in the browser. • Hydration connects JavaScript behavior to server-made HTML. • Choose the option whose defined semantics and behavior match the task.

💡 Simple Example

<p>A shop may show server-rendered products, then hydrate the Add to Cart buttons.</p>

⚡ Quick Revision

SSR sends HTML, CSR builds in the browser, and hydration activates server HTML.

←

PreviousHow do you reduce CLS (layout shifts)?

Nextaria-label vs aria-labelledby?

→