Skip to content

Commit fdb20d1

Browse files
committed
Traducir referencia de preloadModule al español
1 parent 7ac0961 commit fdb20d1

File tree

1 file changed

+25
-25
lines changed

1 file changed

+25
-25
lines changed

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

Lines changed: 25 additions & 25 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+
[Los frameworks basados en React](/learn/start-a-new-react-project) con frecuencia manejan la carga de recursos por ti, por lo que es posible que no necesites llamar a esta API tú mismo. Consulta la documentación de tu framework para más detalles.
88

99
</Note>
1010

1111
<Intro>
1212

13-
`preloadModule` lets you eagerly fetch an ESM module that you expect to use.
13+
`preloadModule` te permite precargar de forma anticipada un módulo ESM que esperas utilizar.
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+
## Referencia {/*reference*/}
2626

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

29-
To preload an ESM module, call the `preloadModule` function from `react-dom`.
29+
Para precargar un módulo ESM, llama a la función `preloadModule` de `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+
[Ver más ejemplos abajo.](#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+
La función `preloadModule` proporciona al navegador una señal de que debería comenzar a descargar el módulo dado, lo cual puede ahorrar tiempo.
4444

45-
#### Parameters {/*parameters*/}
45+
#### Parámetros {/*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`: un string. La URL del módulo que deseas descargar.
48+
* `options`: un objeto. Contiene las siguientes propiedades:
49+
* `as`: un string requerido. Debe ser `'script'`.
50+
* `crossOrigin`: un string. La [política de CORS](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) a utilizar. Sus valores posibles son `anonymous` y `use-credentials`.
51+
* `integrity`: un string. Un hash criptográfico del módulo, para [verificar su autenticidad](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
52+
* `nonce`: un string. Un [nonce criptográfico para permitir el módulo](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) cuando se utiliza una Política de Seguridad de Contenido estricta.
5353

5454

55-
#### Returns {/*returns*/}
55+
#### Devuelve {/*returns*/}
5656

57-
`preloadModule` returns nothing.
57+
`preloadModule` no devuelve nada.
5858

59-
#### Caveats {/*caveats*/}
59+
#### Advertencias {/*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+
* Múltiples llamadas a `preloadModule` con el mismo `href` tienen el mismo efecto que una sola llamada.
62+
* En el navegador, puedes llamar a `preloadModule` en cualquier situación: mientras renderizas un componente, en un Efecto, en un manejador de eventos, etc.
63+
* En el renderizado del lado del servidor o al renderizar Componentes de Servidor, `preloadModule` solo tiene efecto si lo llamas mientras renderizas un componente o en un contexto asíncrono que se origina a partir del renderizado de un componente. Cualquier otra llamada será ignorada.
6464

6565
---
6666

67-
## Usage {/*usage*/}
67+
## Uso {/*usage*/}
6868

69-
### Preloading when rendering {/*preloading-when-rendering*/}
69+
### Precarga durante el renderizado {/*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+
Llama a `preloadModule` al renderizar un componente si sabes que el componente o sus hijos utilizarán un módulo específico.
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+
Si deseas que el navegador comience a ejecutar el módulo de inmediato (en lugar de solo descargarlo), usa [`preinitModule`](/reference/react-dom/preinitModule) en su lugar. Si deseas cargar un script que no es un módulo ESM, usa [`preload`](/reference/react-dom/preload).
8383

84-
### Preloading in an event handler {/*preloading-in-an-event-handler*/}
84+
### Precarga en un manejador de eventos {/*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+
Llama a `preloadModule` en un manejador de eventos antes de hacer la transición a una página o estado donde el módulo será necesario. Esto inicia el proceso antes que si lo llamaras durante el renderizado de la nueva página o estado.
8787

8888
```js
8989
import { preloadModule } from 'react-dom';

0 commit comments

Comments
 (0)