Skip to content

Commit 148e790

Browse files
committed
copy(preloadModule): translate preloadModule() page
1 parent 2c9ea98 commit 148e790

File tree

2 files changed

+32
-33
lines changed

2 files changed

+32
-33
lines changed

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ La fonction `preload` suggère au navigateur de commencer à télécharger une r
7373
* Plusieurs appels équivalents à `preload` ont le même effet qu'un unique appel. Des appels à `preload` sont considérés équivalents selon les règles que voici :
7474
* Deux appels sont équivalents s'ils ont le même `href`, sauf si :
7575
* L'option `as` vaut `image`, auquel cas les deux appels sont équivalents s'ils ont les mêmes `href`, `imageSrcSet` et `imageSizes`.
76-
* Côté client, vous pouvez appeler `preinit` n'importe où : lors du rendu d'un composant, dans un Effet, dans un gestionnaire d'événement, etc.
76+
* Côté client, vous pouvez appeler `preload` n'importe où : lors du rendu d'un composant, dans un Effet, dans un gestionnaire d'événement, etc.
7777
* Lors d'un rendu côté serveur ou du rendu de Composants Serveur, `preload` n'a d'effet que si vous l'appelez lors du rendu d'un composant ou dans une fonction asynchrone issue du rendu d'un composant. Tout autre appel sera ignoré.
7878

7979
---

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

Lines changed: 31 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -5,22 +5,22 @@ canary: true
55

66
<Canary>
77

8-
The `preloadModule` function is currently only available in React's Canary and experimental channels. Learn more about [React's release channels here](/community/versioning-policy#all-release-channels).
8+
La fonction `preloadModule` n'est actuellement disponible que sur les canaux de livraison Canary et Expérimental de React. Apprenez-en davantage sur [les canaux de livraison React](/community/versioning-policy#all-release-channels).
99

1010
</Canary>
1111

1212
<Note>
1313

14-
[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.
14+
[Les frameworks basés sur React](/learn/start-a-new-react-project) s'occupent fréquemment pour vous du chargement des ressources, de sorte que vous n'aurez peut-être pas besoin d'appeler ces API vous-même. Consultez la documentation de votre framework pour en savoir plus à ce sujet.
1515

1616
</Note>
1717

1818
<Intro>
1919

20-
`preloadModule` lets you eagerly fetch an ESM module that you expect to use.
20+
`preloadModule` vous permet de charger en avance un module ESM que vous avez l'intention d'utiliser.
2121

2222
```js
23-
preloadModule("https://example.com/module.js", {as: "script"});
23+
preloadModule("https://example.com/module.js", { as: "script" });
2424
```
2525

2626
</Intro>
@@ -29,79 +29,78 @@ preloadModule("https://example.com/module.js", {as: "script"});
2929

3030
---
3131

32-
## Reference {/*reference*/}
32+
## Référence {/*reference*/}
3333

3434
### `preloadModule(href, options)` {/*preloadmodule*/}
3535

36-
To preload an ESM module, call the `preloadModule` function from `react-dom`.
36+
Pour précharger un module ESM, appelez la fonction `preloadModule` de `react-dom`.
3737

3838
```js
3939
import { preloadModule } from 'react-dom';
4040

4141
function AppRoot() {
42-
preloadModule("https://example.com/module.js", {as: "script"});
42+
preloadModule("https://example.com/module.js", { as: "script" });
4343
// ...
4444
}
4545

4646
```
4747

48-
[See more examples below.](#usage)
48+
[Voir d'autres exemples plus bas](#usage).
4949

50-
The `preloadModule` function provides the browser with a hint that it should start downloading the given module, which can save time.
50+
La fonction `preloadModule` suggère au navigateur de commencer à télécharger un module donné, ce qui peut faire gagner du temps.
5151

52-
#### Parameters {/*parameters*/}
52+
#### Paramètres {/*parameters*/}
5353

54-
* `href`: a string. The URL of the module you want to download.
55-
* `options`: an object. It contains the following properties:
56-
* `as`: a required string. It must be `'script'`.
57-
* `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`.
58-
* `integrity`: a string. A cryptographic hash of the module, to [verify its authenticity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
59-
* `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.
54+
* `href` : une chaîne de caractères. L'URL du module que vous souhaitez télécharger.
55+
* `options` : un objet. Il contient les propriétés suivantes :
56+
* `as` : une chaîne de caractères obligatoire. Doit être `'script'`.
57+
* `crossOrigin` : une chaîne de caractères. La [politique CORS](https://developer.mozilla.org/fr/docs/Web/HTML/Attributes/crossorigin) à utiliser. Les valeurs possibles sont `anonymous` et `use-credentials`.
58+
* `integrity` : une chaîne de caractères. Une empreinte cryptographique du module afin de [vérifier son authenticité](https://developer.mozilla.org/fr/docs/Web/Security/Subresource_Integrity).
59+
* `nonce` : une chaîne de caractères. Un [nonce cryptographique autorisant le module](https://developer.mozilla.org/fr/docs/Web/HTML/Global_attributes/nonce) dans le cadre d'une Politique de Sécurité de Contenu (CSP) stricte.
6060

61+
#### Valeur renvoyée {/*returns*/}
6162

62-
#### Returns {/*returns*/}
63+
`preloadModule` ne renvoie rien.
6364

64-
`preloadModule` returns nothing.
65+
#### Limitations {/*caveats*/}
6566

66-
#### Caveats {/*caveats*/}
67-
68-
* Multiple calls to `preloadModule` with the same `href` have the same effect as a single call.
69-
* In the browser, you can call `preloadModule` in any situation: while rendering a component, in an effect, in an event handler, and so on.
70-
* 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.
67+
* Plusieurs appels à `preloadModule` avec le même `href` ont le même effet qu'un unique appel.
68+
* Côté client, vous pouvez appeler `preloadModule` n'importe où : lors du rendu d'un composant, dans un Effet, dans un gestionnaire d'événement, etc.
69+
* Lors d'un rendu côté serveur ou du rendu de Composants Serveur, `preloadModule` n'a d'effet que si vous l'appelez lors du rendu d'un composant ou dans une fonction asynchrone issue du rendu d'un composant. Tout autre appel sera ignoré.
7170

7271
---
7372

74-
## Usage {/*usage*/}
73+
## Utilisation {/*usage*/}
7574

76-
### Preloading when rendering {/*preloading-when-rendering*/}
75+
### Précharger lors du rendu {/*preloading-when-rendering*/}
7776

78-
Call `preloadModule` when rendering a component if you know that it or its children will use a specific module.
77+
Appelez `preloadModule` lors du rendu d'un composant si vous savez que ses enfants auront besoin de charger un module spécifique.
7978

8079
```js
8180
import { preloadModule } from 'react-dom';
8281

8382
function AppRoot() {
84-
preloadModule("https://example.com/module.js", {as: "script"});
83+
preloadModule("https://example.com/module.js", { as: "script" });
8584
return ...;
8685
}
8786
```
8887

89-
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).
88+
Si vous souhaitez que le navigateur évalue le module immédiatement après chargement (plutôt que simplement le charger), utilisez plutôt [`preinitModule`](/reference/react-dom/preinitModule). Si vous souhaitez charger un script qui n'est pas un module ESM, utilisez [`preload`](/reference/react-dom/preload).
9089

91-
### Preloading in an event handler {/*preloading-in-an-event-handler*/}
90+
### Précharger dans un gestionnaire d'événement {/*preloading-in-an-event-handler*/}
9291

93-
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.
92+
Appelez `preloadModule` depuis un gestionnaire d'événement avant de passer à une page ou un état qui auront besoin du module. Ça permet de déclencher le processus plus tôt que si vous l'appeliez au sein de la nouvelle page ou suite au nouvel état.
9493

9594
```js
9695
import { preloadModule } from 'react-dom';
9796

9897
function CallToAction() {
9998
const onClick = () => {
100-
preloadModule("https://example.com/module.js", {as: "script"});
99+
preloadModule("https://example.com/module.js", { as: "script" });
101100
startWizard();
102101
}
103102
return (
104-
<button onClick={onClick}>Start Wizard</button>
103+
<button onClick={onClick}>Démarrer l’assistant</button>
105104
);
106105
}
107106
```

0 commit comments

Comments
 (0)