docs: translate server-components.md to Русский

Author: translate-react-bot[bot]

src/content/reference/rsc/server-components.md

@@ -1,30 +1,29 @@
 ---
-title: Server Components
+title: Компоненты сервера
 ---
-
 <RSC>
 
-Server Components предназначены для использования в [React Server Components](/learn/start-a-new-react-project#bleeding-edge-react-frameworks).
+Server Components используются в [React Server Components](/learn/start-a-new-react-project#bleeding-edge-react-frameworks).
 
 </RSC>
 
 <Intro>
 
-Server Components — это новый тип компонентов, которые рендерятся заранее, до сборки бандла, в среде, отдельной от вашего клиентского приложения или SSR-сервера.
+Server Components — это новый тип компонентов, которые рендерятся заранее, до бандлинга, в среде, отдельной от вашего клиентского приложения или SSR-сервера.
 
 </Intro>
 
-Эта отдельная среда — «сервер» в React Server Components. Server Components могут запускаться один раз во время сборки на вашем CI-сервере или для каждого запроса с помощью веб-сервера.
+Эта отдельная среда — «сервер» в React Server Components. Server Components могут запускаться один раз во время сборки на вашем CI-сервере или для каждого запроса с использованием веб-сервера.
 
 <InlineToc />
 
 <Note>
 
-#### Как мне реализовать поддержку Server Components? {/*how-do-i-build-support-for-server-components*/}
+#### Как реализовать поддержку Server Components? {/*how-do-i-build-support-for-server-components*/}
 
 Хотя React Server Components в React 19 стабильны и не будут ломаться между минорными версиями, базовые API, используемые для реализации бандлера или фреймворка React Server Components, не следуют semver и могут ломаться между минорными версиями в React 19.x.
 
-Для поддержки React Server Components в качестве бандлера или фреймворка мы рекомендуем зафиксировать конкретную версию React или использовать Canary-релиз. Мы продолжим работать с бандлерами и фреймворками над стабилизацией API, используемых для реализации React Server Components, в будущем.
+Для поддержки React Server Components в качестве бандлера или фреймворка мы рекомендуем закрепиться на конкретной версии React или использовать Canary release. Мы продолжим работать с бандлерами и фреймворками над стабилизацией API, используемых для реализации React Server Components, в будущем.
 
 </Note>
 
@@ -58,9 +57,9 @@ app.get(`/api/content/:page`, async (req, res) => {
 });
 ```
 
-Этот шаблон означает, что пользователи должны загрузить и разобрать дополнительные 75K (gzipped) библиотек и дождаться второго запроса для получения данных после загрузки страницы, только чтобы отобразить статический контент, который не изменится в течение всего времени жизни страницы.
+Этот шаблон означает, что пользователям необходимо загрузить и разобрать дополнительные 75K (gzipped) библиотек и дождаться второго запроса для получения данных после загрузки страницы, только чтобы отрисовать статический контент, который не изменится в течение всего времени жизни страницы.
 
-С помощью Server Components вы можете отрендерить эти компоненты один раз во время сборки:
+С помощью Server Components вы можете отрисовать эти компоненты один раз во время сборки:
 
 ```js
 import marked from 'marked'; // Не включено в бандл
@@ -74,13 +73,13 @@ async function Page({page}) {
 }
 ```
 
-Полученный результат затем может быть отрендерен серверной стороной (SSR) в HTML и загружен на CDN. Когда приложение загружается, клиент не увидит исходный компонент `Page` или ресурсоемкие библиотеки для рендеринга markdown. Клиент увидит только результат рендеринга:
+Полученный результат затем может быть отрендерен на стороне сервера (SSR) в HTML и загружен на CDN. Когда приложение загружается, клиент не увидит исходный компонент `Page` или ресурсоёмкие библиотеки для рендеринга markdown. Клиент увидит только отрисованный результат:
 
 ```js
 <div><!-- html для markdown --></div>
 ```
 
-Это означает, что контент виден во время первой загрузки страницы, а бандл не включает ресурсоемкие библиотеки, необходимые для рендеринга статического контента.
+Это означает, что контент виден во время первой загрузки страницы, а бандл не включает ресурсоёмкие библиотеки, необходимые для рендеринга статического контента.
 
 <Note>
 
@@ -92,14 +91,14 @@ async function Page({page}) {
 }
 ```
 
-Async Components — это новая функция Server Components, которая позволяет использовать `await` во время рендера.
+Async Components — это новая функция Server Components, которая позволяет использовать `await` при рендеринге.
 
 См. [Async components with Server Components](#async-components-with-server-components) ниже.
 
 </Note>
 
 ### Server Components с сервером {/*server-components-with-a-server*/}
-Server Components также могут запускаться на веб-сервере во время запроса страницы, позволяя вам получить доступ к вашему слою данных без необходимости создавать API. Они рендерятся до того, как ваше приложение будет собрано, и могут передавать данные и JSX в качестве пропсов клиентским компонентам.
+Server Components также могут запускаться на веб-сервере во время запроса страницы, позволяя вам получить доступ к вашему слою данных без необходимости создавать API. Они рендерятся до того, как ваше приложение будет сбандлено, и могут передавать данные и JSX в качестве пропсов Client Components.
 
 Без Server Components часто приходится получать динамические данные на клиенте в Effect:
 
@@ -150,7 +149,7 @@ app.get(`/api/authors/:id`, async (req, res) => {
 });
 ```
 
-С помощью Server Components вы можете получить данные и отрендерить их в компоненте:
+С помощью Server Components вы можете читать данные и рендерить их в компоненте:
 
 ```js
 import db from './database';
@@ -174,7 +173,7 @@ async function Author({id}) {
 }
 ```
 
-Затем бандлер объединяет данные, отрендеренные Server Components и динамические Client Components в бандл. При желании этот бандл может быть отрендерен серверной стороной (SSR) для создания начального HTML-кода страницы. Когда страница загружается, браузер не видит исходные компоненты `Note` и `Author`; клиенту отправляется только результат рендеринга:
+Затем бандлер объединяет данные, отрисованные Server Components и динамические Client Components в бандл. При желании этот бандл может быть отрендерен на стороне сервера (SSR) для создания начального HTML-кода страницы. Когда страница загружается, браузер не видит исходные компоненты `Note` и `Author`; клиенту отправляется только отрисованный результат:
 
 ```js
 <div>
@@ -183,17 +182,17 @@ async function Author({id}) {
 </div>
 ```
 
-Server Components могут быть сделаны динамическими путем повторного получения их с сервера, где они могут получить доступ к данным и снова отрендериться. Эта новая архитектура приложения сочетает простую модель «запрос/ответ» серверно-ориентированных многостраничных приложений с бесшовной интерактивностью клиентско-ориентированных одностраничных приложений, давая вам лучшее из обоих миров.
+Server Components могут быть сделаны динамическими путем повторного получения их с сервера, где они могут получить доступ к данным и снова отрисоваться. Эта новая архитектура приложения сочетает простую модель «запрос/ответ» серверно-ориентированных многостраничных приложений с бесшовной интерактивностью клиентско-ориентированных одностраничных приложений, предоставляя вам лучшее из обоих миров.
 
-### Добавление интерактивности к Server Components {/*adding-interactivity-to-server-components*/}
+### Добавление интерактивности в Server Components {/*adding-interactivity-to-server-components*/}
 
-Server Components не отправляются в браузер, поэтому они не могут использовать интерактивные API, такие как `useState`. Чтобы добавить интерактивность к Server Components, вы можете комбинировать их с Client Components, используя директиву `"use client"`.
+Server Components не отправляются в браузер, поэтому они не могут использовать интерактивные API, такие как `useState`. Чтобы добавить интерактивность в Server Components, вы можете комбинировать их с Client Components, используя директиву `"use client"`.
 
 <Note>
 
-#### Для Server Components нет директивы. {/*there-is-no-directive-for-server-components*/}
+#### Директивы для Server Components не существует. {/*there-is-no-directive-for-server-components*/}
 
-Распространенное заблуждение заключается в том, что Server Components обозначаются `"use server"`, но для Server Components директивы нет. Директива `"use server"` используется для Server Functions.
+Распространенное заблуждение заключается в том, что Server Components обозначаются как `"use server"`, но директивы для Server Components не существует. Директива `"use server"` используется для Server Functions.
 
 Для получения дополнительной информации см. документацию по [Directives](/reference/rsc/directives).
 
@@ -237,7 +236,7 @@ export default function Expandable({children}) {
 }
 ```
 
-Это работает следующим образом: сначала рендерится `Notes` как Server Component, а затем бандлеру дается указание создать бандл для Client Component `Expandable`. В браузере Client Components увидят результат рендеринга Server Components, переданный в качестве пропсов:
+Это работает следующим образом: сначала `Notes` рендерится как Server Component, а затем бандлеру дается указание создать бандл для Client Component `Expandable`. В браузере Client Components увидят результат Server Components, переданный в качестве пропсов:
 
 ```js
 <head>
@@ -257,11 +256,11 @@ export default function Expandable({children}) {
 </body>
 ```
 
-### Async components with Server Components {/*async-components-with-server-components*/}
+### Async components с Server Components {/*async-components-with-server-components*/}
 
-Server Components представляют новый способ написания компонентов с использованием async/await. Когда вы используете `await` в асинхронном компоненте, React приостанавливает выполнение и ждет разрешения промиса перед возобновлением рендеринга. Это работает между границами сервера и клиента с поддержкой потоковой передачи для Suspense.
+Server Components представляют новый способ написания компонентов с использованием async/await. Когда вы используете `await` в асинхронном компоненте, React приостанавливает выполнение и ждет разрешения промиса перед возобновлением рендеринга. Это работает на границах сервера/клиента с поддержкой потоковой передачи для Suspense.
 
-Вы можете даже создать промис на сервере и дождаться его на клиенте:
+Вы можете даже создать промис на сервере и ожидать его на клиенте:
 
 ```js
 // Server Component
@@ -271,7 +270,7 @@ async function Page({id}) {
   // Приостановит выполнение Server Component.
   const note = await db.notes.get(id);
 
-  // ПРИМЕЧАНИЕ: не дожидается, начнется здесь и будет ждать на клиенте. 
+  // ПРИМЕЧАНИЕ: не ожидается, начнется здесь и будет ожидаться на клиенте. 
   const commentsPromise = db.comments.get(note.id);
   return (
     <div>
@@ -291,12 +290,12 @@ import {use} from 'react';
 
 function Comments({commentsPromise}) {
   // ПРИМЕЧАНИЕ: это возобновит промис с сервера.
-  // Будет приостановлено до тех пор, пока данные не станут доступны.
+  // Он будет приостановлен до тех пор, пока данные не станут доступны.
   const comments = use(commentsPromise);
   return comments.map(commment => <p>{comment}</p>);
 }
 ```
 
-Контент `note` является важными данными для рендеринга страницы, поэтому мы ждем его на сервере. Комментарии находятся ниже основной части страницы и имеют более низкий приоритет, поэтому мы запускаем промис на сервере и ждем его на клиенте с помощью API `use`. Это вызовет Suspend на клиенте, не блокируя рендеринг контента `note`.
+Контент `note` является важными данными для рендеринга страницы, поэтому мы ожидаем его на сервере. Комментарии находятся ниже основного контента и имеют более низкий приоритет, поэтому мы запускаем промис на сервере и ожидаем его на клиенте с помощью API `use`. Это приведет к приостановке выполнения на клиенте, не блокируя рендеринг контента `note`.
 
 Поскольку асинхронные компоненты не поддерживаются на клиенте, мы ожидаем промис с помощью `use`.