Advanced React Interview QuestionsAdvancedComparison
React · Question 90
What capabilities distinguish Server Components from Client Components?
Direct answer
Server Components can run server-only code and async rendering without shipping their implementation to the browser, while Client Components can use interactive state, Effects, event handlers, and browser APIs.
| Capability | Server Component | Client Component |
|---|---|---|
| Direct server data access | Yes | Usually through a server interface/framework |
| useState / interactive Hooks | No | Yes |
| Event handlers | No | Yes |
| Browser APIs | No | Yes |
| Async component function | Supported | Not the normal Client Component model |
| Implementation shipped to browser | No | Yes |
A common architecture keeps data-heavy, non-interactive regions on the server and introduces Client Component islands only where interaction is needed.