How can developers prepare for React 19’s Server Components?

// Server Component (default)
export default async function ServerComp() {
  const data = await fetchData();
  return <div>{data.text}</div>;
}

// Client Component (interactive)
'use client';
import { useState } from 'react';

export function ClientComp() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>Count: {count}</button>;
}