Вопросы React Frontend Developer

Если в корневом layout разместить много клиентских компонентов, весь layout станет клиентским. Это увеличит размер JavaScript-бандла, замедлит начальную загрузку и ухудшит SEO, так как серверный рендеринг будет ограничен. Лучше держать layout серверным и выносить клиентские компоненты ближе к месту использования.

Да, компонент с "use client" всё равно рендерится на сервере при первом запросе — директива лишь помечает точку входа в клиентский бандл. Серверные компоненты выполняются только на сервере, не попадают в JS-бандл и не могут использовать хуки или обработчики событий. Клиентские компоненты рендерятся и на сервере (для HTML), и на клиенте (для интерактивности).

В App Router компоненты по умолчанию серверные, а директива "use client" помечает файл как клиентский, включая хуки и браузерные API. Директива "use server" помечает функции как серверные действия, которые можно вызывать с клиента. В Pages Router такого разделения нет: все страницы рендерятся на сервере, но выполняются как клиентские компоненты. То есть App Router вводит явную границу server/client, а Pages Router — нет.