Skip to content

Commit d448fea

Browse files
docs: translate preloadModule.md to Русский
1 parent 2958f53 commit d448fea

1 file changed

Lines changed: 26 additions & 26 deletions

File tree

src/content/reference/react-dom/preloadModule.md

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,13 @@ title: preloadModule
44

55
<Note>
66

7-
[React-based frameworks](/learn/start-a-new-react-project) frequently handle resource loading for you, so you might not have to call this API yourself. Consult your framework's documentation for details.
7+
[Фреймворки на основе React](/learn/start-a-new-react-project) часто обрабатывают загрузку ресурсов за вас, поэтому вам может не понадобиться вызывать этот API самостоятельно. Обратитесь к документации вашего фреймворка для получения подробной информации.
88

99
</Note>
1010

1111
<Intro>
1212

13-
`preloadModule` lets you eagerly fetch an ESM module that you expect to use.
13+
`preloadModule` позволяет предварительно загрузить модуль ESM, который вы ожидаете использовать.
1414

1515
```js
1616
preloadModule("https://example.com/module.js", {as: "script"});
@@ -22,11 +22,11 @@ preloadModule("https://example.com/module.js", {as: "script"});
2222

2323
---
2424

25-
## Reference {/*reference*/}
25+
## Справочник {/*reference*/}
2626

2727
### `preloadModule(href, options)` {/*preloadmodule*/}
2828

29-
To preload an ESM module, call the `preloadModule` function from `react-dom`.
29+
Чтобы предварительно загрузить модуль ESM, вызовите функцию `preloadModule` из `react-dom`.
3030

3131
```js
3232
import { preloadModule } from 'react-dom';
@@ -38,37 +38,37 @@ function AppRoot() {
3838

3939
```
4040

41-
[See more examples below.](#usage)
41+
[См. больше примеров ниже.](#usage)
4242

43-
The `preloadModule` function provides the browser with a hint that it should start downloading the given module, which can save time.
43+
Функция `preloadModule` предоставляет браузеру подсказку о том, что он должен начать загрузку указанного модуля, что может сэкономить время.
4444

45-
#### Parameters {/*parameters*/}
45+
#### Параметры {/*parameters*/}
4646

47-
* `href`: a string. The URL of the module you want to download.
48-
* `options`: an object. It contains the following properties:
49-
* `as`: a required string. It must be `'script'`.
50-
* `crossOrigin`: a string. The [CORS policy](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) to use. Its possible values are `anonymous` and `use-credentials`.
51-
* `integrity`: a string. A cryptographic hash of the module, to [verify its authenticity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
52-
* `nonce`: a string. A cryptographic [nonce to allow the module](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) when using a strict Content Security Policy.
47+
* `href`: строка. URL модуля, который вы хотите загрузить.
48+
* `options`: объект. Содержит следующие свойства:
49+
* `as`: обязательная строка. Должна быть `'script'`.
50+
* `crossOrigin`: строка. [Политика CORS](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin), которую следует использовать. Возможные значения: `anonymous` и `use-credentials`.
51+
* `integrity`: строка. Криптографический хеш модуля для [проверки его подлинности](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
52+
* `nonce`: строка. Криптографический [nonce для разрешения модуля](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) при использовании строгой политики безопасности контента (Content Security Policy).
5353

5454

55-
#### Returns {/*returns*/}
55+
#### Возвращаемое значение {/*returns*/}
5656

57-
`preloadModule` returns nothing.
57+
`preloadModule` ничего не возвращает.
5858

59-
#### Caveats {/*caveats*/}
59+
#### Ограничения {/*caveats*/}
6060

61-
* Multiple calls to `preloadModule` with the same `href` have the same effect as a single call.
62-
* In the browser, you can call `preloadModule` in any situation: while rendering a component, in an Effect, in an event handler, and so on.
63-
* In server-side rendering or when rendering Server Components, `preloadModule` only has an effect if you call it while rendering a component or in an async context originating from rendering a component. Any other calls will be ignored.
61+
* Многократные вызовы `preloadModule` с одинаковым `href` имеют тот же эффект, что и один вызов.
62+
* В браузере вы можете вызывать `preloadModule` в любой ситуации: во время рендеринга компонента, в эффекте (Effect), в обработчике событий и т. д.
63+
* При рендеринге на стороне сервера (server-side rendering) или при рендеринге серверных компонентов (Server Components) `preloadModule` имеет эффект только в том случае, если вы вызываете его во время рендеринга компонента или в асинхронном контексте, возникшем в результате рендеринга компонента. Все остальные вызовы будут проигнорированы.
6464

6565
---
6666

67-
## Usage {/*usage*/}
67+
## Использование {/*usage*/}
6868

69-
### Preloading when rendering {/*preloading-when-rendering*/}
69+
### Предварительная загрузка во время рендеринга {/*preloading-when-rendering*/}
7070

71-
Call `preloadModule` when rendering a component if you know that it or its children will use a specific module.
71+
Вызывайте `preloadModule` во время рендеринга компонента, если вы знаете, что он или его дочерние компоненты будут использовать определенный модуль.
7272

7373
```js
7474
import { preloadModule } from 'react-dom';
@@ -79,11 +79,11 @@ function AppRoot() {
7979
}
8080
```
8181

82-
If you want the browser to start executing the module immediately (rather than just downloading it), use [`preinitModule`](/reference/react-dom/preinitModule) instead. If you want to load a script that isn't an ESM module, use [`preload`](/reference/react-dom/preload).
82+
Если вы хотите, чтобы браузер немедленно начал выполнение модуля (а не просто загрузил его), используйте вместо этого [`preinitModule`](/reference/react-dom/preinitModule). Если вы хотите загрузить скрипт, который не является модулем ESM, используйте [`preload`](/reference/react-dom/preload).
8383

84-
### Preloading in an event handler {/*preloading-in-an-event-handler*/}
84+
### Предварительная загрузка в обработчике событий {/*preloading-in-an-event-handler*/}
8585

86-
Call `preloadModule` in an event handler before transitioning to a page or state where the module will be needed. This gets the process started earlier than if you call it during the rendering of the new page or state.
86+
Вызывайте `preloadModule` в обработчике событий перед переходом на страницу или в состояние, где модуль будет необходим. Это позволит начать процесс раньше, чем если бы вы вызвали его во время рендеринга новой страницы или состояния.
8787

8888
```js
8989
import { preloadModule } from 'react-dom';
@@ -97,4 +97,4 @@ function CallToAction() {
9797
<button onClick={onClick}>Start Wizard</button>
9898
);
9999
}
100-
```
100+
```

0 commit comments

Comments
 (0)