Deep Dive into React Server Components

Let's deeply understand how server components work.

Client vs Server Components

When to Use?

• Server Components: Data fetching, sensitive information
• Client Components: Interactions, event handlers

// Server component
async function ServerComponent() {
  const data = await db.query('SELECT * FROM posts')
  return <div>{data.map(post => <Post key={post.id} {...post} />)}</div>
}