Получить доступ

Серверные компоненты

Основа

Компоненты, которые выполняются только на сервере и не попадают в бандл.

Серверный компонент выполняется на сервере (при сборке или на запрос), может напрямую читать базу или файлы и отправляет клиенту готовый результат — без своего JavaScript. Клиентские компоненты ("use client") работают как привычный React: состояние, эффекты, обработчики.

Что важно знать

  • Серверные компоненты не могут использовать useState, useEffect и обработчики событий.
  • Серверный компонент может отрисовать клиентский, но не наоборот — только передать серверный как children.
  • Props на границе должны сериализоваться: функции передать нельзя (кроме Server Actions).
  • Выигрыш — меньше JavaScript в браузере и данные без «водопада» запросов; цена — новая ментальная модель и зависимость от фреймворка.
  • Отличие от SSR: SSR рендерит в HTML любые компоненты, а серверные компоненты вообще не гидратируются.

Документация

← Вся карта «React»

Закрытая бета

Знать тему — половина дела

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем