React Server Components — это относительно новая фишка, которая позволяет компонентам рендериться на сервере вместо того, чтобы рендериться в браузере. Такой подход помогает улучшить производительность приложения, уменьшая количество JavaScript, который отправляется клиенту.
Server Components дают тебе возможность писать React-компоненты, которые выполняются полностью на сервере. В отличие от традиционного серверного рендеринга (SSR), они не отправляют JavaScript клиенту, а только отрендеренный результат и необходимые интерактивные элементы.
Server Components vs Client Components:
- Server: Рендеритсяся на сервере, без клиентского JS
- Client: Традиционные React-компоненты в браузере
Ты можешь смешивать оба типа в одном приложении:
'use client') для интерактивности и браузерных API⚠️ React Server Components всё ещё находятся на экспериментальной стадии/в разработке и не рекомендуются для продакшена пока что. Фишка может значительно измениться перед официальным релизом.
Задумайся об использовании Server Components в проектах, только если ты готов к потенциальным breaking changes, или если ты используешь фреймворки типа Next.js, которые уже внедрили и стабилизировали этот подход для продакшена.
React Server Components отправляют на клиент как отрендеренный результат, так и JavaScript компонента, подобно традиционному server-side rendering.
Новый — ещё не проверен сообществом
Вы