В чем разница между компонентами серверными и клиентских

Серверные компоненты рендерятся на сервере и отправляются клиенту в виде HTML, уменьшая нагрузку на клиент. Клиентские компоненты рендерятся в браузере с помощью JavaScript, обеспечивая интерактивность. **Пример (Next.js):** ```jsx // Серверный компонент (Server Component) export default function ServerComponent() { return ; } // Клиентский компонент (Client Component) 'use client'; export default function ClientComponent() { const [count, setCount] = useState(0); return setCount(count + 1)}>Клик: {count}; } ``` **Ключевые отличия:** - Серверные: нет доступа к DOM, хукам, состоянию - Клиентские: полная интерактивность, доступ к браузерным API - Серверные уменьшают размер JS-бандла