You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/preloadModule.md
+26-28Lines changed: 26 additions & 28 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,13 +4,13 @@ title: preloadModule
4
4
5
5
<Note>
6
6
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.
8
8
9
9
</Note>
10
10
11
11
<Intro>
12
12
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.
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)
44
41
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.
46
43
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*/}
53
45
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.
54
52
55
-
#### Returns {/*returns*/}
53
+
#### Retorna {/*returns*/}
56
54
57
-
`preloadModule`returns nothing.
55
+
`preloadModule`não retorna nada.
58
56
59
-
#### Caveats {/*caveats*/}
57
+
#### Ressalvas {/*caveats*/}
60
58
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.
64
62
65
63
---
66
64
67
-
## Usage {/*usage*/}
65
+
## Uso {/*usage*/}
68
66
69
-
### Preloading when rendering {/*preloading-when-rendering*/}
67
+
### Pré-carregamento ao renderizar {/*preloading-when-rendering*/}
70
68
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.
72
70
73
71
```js
74
72
import { preloadModule } from'react-dom';
@@ -79,11 +77,11 @@ function AppRoot() {
79
77
}
80
78
```
81
79
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).
83
81
84
-
### Preloading in an event handler {/*preloading-in-an-event-handler*/}
82
+
### Pré-carregamento em um manipulador de eventos {/*preloading-in-an-event-handler*/}
85
83
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.
0 commit comments