---

name: rsc-cheatsheet

---

React Server Components Cheat Sheet

Server Components (default)

• Data fetching from DB/API
• Heavy dependencies
• No interactivity needed

Client Components ('use client')

• useState, useEffect
• Event handlers
• Browser APIs

Parallel Fetching

async function Dashboard() {
  const [stats, posts] = await Promise.all([getStats(), getPosts()]);
  return <>{/* render */}</>;
}

Common Mistakes

1. Adding 'use client' when you don't need interactivity
2. Passing non-serializable props from server to client
3. Not using Suspense for loading states