Skip to content

Commit 32c2d1f

Browse files
Translate preloadModule.md to Portuguese (#1032)
1 parent d497eca commit 32c2d1f

File tree

1 file changed

+26
-28
lines changed

1 file changed

+26
-28
lines changed

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

Lines changed: 26 additions & 28 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+
[Frameworks baseados em React](/learn/start-a-new-react-project) frequentemente lidam com o carregamento de recursos para você, então você pode não precisar chamar esta API por conta própria. Consulte a documentação do seu framework para obter detalhes.
88

99
</Note>
1010

1111
<Intro>
1212

13-
`preloadModule` lets you eagerly fetch an ESM module that you expect to use.
13+
`preloadModule` permite que você obtenha de forma ansiosa um módulo ESM que você espera usar.
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+
## Referência {/*reference*/}
2626

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

29-
To preload an ESM module, call the `preloadModule` function from `react-dom`.
29+
Para pré-carregar um módulo ESM, chame a função `preloadModule` de `react-dom`.
3030

3131
```js
3232
import { preloadModule } from 'react-dom';
@@ -35,40 +35,38 @@ function AppRoot() {
3535
preloadModule("https://example.com/module.js", {as: "script"});
3636
// ...
3737
}
38-
3938
```
4039

41-
[See more examples below.](#usage)
42-
43-
The `preloadModule` function provides the browser with a hint that it should start downloading the given module, which can save time.
40+
[Veja mais exemplos abaixo.](#usage)
4441

45-
#### Parameters {/*parameters*/}
42+
A função `preloadModule` fornece ao navegador uma dica de que ele deve começar a baixar o módulo especificado, o que pode economizar tempo.
4643

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.
44+
#### Parâmetros {/*parameters*/}
5345

46+
* `href`: uma string. A URL do módulo que você deseja baixar.
47+
* `options`: um objeto. Ele contém as seguintes propriedades:
48+
* `as`: uma string obrigatória. Deve ser `'script'`.
49+
* `crossOrigin`: uma string. A [política CORS](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Attributes/crossorigin) a ser usada. Seus valores possíveis são `anonymous` e `use-credentials`.
50+
* `integrity`: uma string. Um hash criptográfico do módulo, para [verificar sua autenticidade](https://developer.mozilla.org/pt-BR/docs/Web/Security/Subresource_Integrity).
51+
* `nonce`: uma string. Um [nonce](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Global_attributes/nonce) criptográfico para permitir o módulo ao usar uma Content Security Policy estrita.
5452

55-
#### Returns {/*returns*/}
53+
#### Retorna {/*returns*/}
5654

57-
`preloadModule` returns nothing.
55+
`preloadModule` não retorna nada.
5856

59-
#### Caveats {/*caveats*/}
57+
#### Ressalvas {/*caveats*/}
6058

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.
59+
* Múltiplas chamadas para `preloadModule` com o mesmo `href` têm o mesmo efeito que uma única chamada.
60+
* No navegador, você pode chamar `preloadModule` em qualquer situação: ao renderizar um componente, em um Effect, em um manipulador de eventos e assim por diante.
61+
* Na renderização do lado do servidor ou ao renderizar Server Components, `preloadModule` só tem efeito se você o chamar ao renderizar um componente ou em um contexto assíncrono originado da renderização de um componente. Quaisquer outras chamadas serão ignoradas.
6462

6563
---
6664

67-
## Usage {/*usage*/}
65+
## Uso {/*usage*/}
6866

69-
### Preloading when rendering {/*preloading-when-rendering*/}
67+
### Pré-carregamento ao renderizar {/*preloading-when-rendering*/}
7068

71-
Call `preloadModule` when rendering a component if you know that it or its children will use a specific module.
69+
Chame `preloadModule` ao renderizar um componente se você souber que ele ou seus filhos usarão um módulo específico.
7270

7371
```js
7472
import { preloadModule } from 'react-dom';
@@ -79,11 +77,11 @@ function AppRoot() {
7977
}
8078
```
8179

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).
80+
Se você quiser que o navegador comece a executar o módulo imediatamente (em vez de apenas baixá-lo), use [`preinitModule`](/reference/react-dom/preinitModule) em vez disso. Se você quiser carregar um script que não seja um módulo ESM, use [`preload`](/reference/react-dom/preload).
8381

84-
### Preloading in an event handler {/*preloading-in-an-event-handler*/}
82+
### Pré-carregamento em um manipulador de eventos {/*preloading-in-an-event-handler*/}
8583

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.
84+
Chame `preloadModule` em um manipulador de eventos antes de fazer a transição para uma página ou estado onde o módulo será necessário. Isso inicia o processo mais cedo do que se você o chamasse durante a renderização da nova página ou estado.
8785

8886
```js
8987
import { preloadModule } from 'react-dom';
@@ -97,4 +95,4 @@ function CallToAction() {
9795
<button onClick={onClick}>Start Wizard</button>
9896
);
9997
}
100-
```
98+
```

0 commit comments

Comments
 (0)