Skip to content

Commit 9eb4feb

Browse files
committed
copy(preinitModule): translate preinitModule() page
1 parent 8614834 commit 9eb4feb

File tree

1 file changed

+30
-30
lines changed

1 file changed

+30
-30
lines changed

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

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

66
<Canary>
77

8-
The `preinitModule` 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 `preinitModule` 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-
`preinitModule` lets you eagerly fetch and evaluate an ESM module.
20+
`preinitModule` vous permet de charger et d'évaluer en avance un module ESM.
2121

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

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

3030
---
3131

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

3434
### `preinitModule(href, options)` {/*preinitmodule*/}
3535

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

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

4141
function AppRoot() {
42-
preinitModule("https://example.com/module.js", {as: "script"});
42+
preinitModule("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 `preinitModule` function provides the browser with a hint that it should start downloading and executing the given module, which can save time. Modules that you `preinit` are executed when they finish downloading.
50+
La fonction `preinitModule` suggère au navigateur de commencer à télécharger puis d'évaluer un module donné, ce qui peut faire gagner du temps. Les modules que vous passez à `preinitModule` sont exécutés dès qu'ils ont terminé leur chargement.
5151

5252
#### Parameters {/*parameters*/}
5353

54-
* `href`: a string. The URL of the module you want to download and exeucute.
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 et évaluer.
55+
* `options` : un objet. Il contient les propriétés suivantes :
56+
* `as` : une chaîne de caractères obligatoire. Le type de la ressource. La seule valeur autorisée est `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 de la ressource 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 la ressource](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-
#### Returns {/*returns*/}
61+
#### Valeur renvoyée {/*returns*/}
6262

63-
`preinitModule` returns nothing.
63+
`preinitModule` ne renvoie rien.
6464

65-
#### Caveats {/*caveats*/}
65+
#### Limitations {/*caveats*/}
6666

67-
* Multiple calls to `preinitModule` with the same `href` have the same effect as a single call.
68-
* In the browser, you can call `preinitModule` in any situation: while rendering a component, in an effect, in an event handler, and so on.
69-
* In server-side rendering or when rendering Server Components, `preinitModule` 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 à `preinitModule` avec le même `href` ont le même effet qu'un unique appel.
68+
* Côté client, vous pouvez appeler `preinitModule` 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, `preinitModule` 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é.
7070

7171
---
7272

73-
## Usage {/*usage*/}
73+
## Utilisation {/*usage*/}
7474

75-
### Preloading when rendering {/*preloading-when-rendering*/}
75+
### Préinitialisation lors du rendu {/*preconnecting-when-rendering*/}
7676

77-
Call `preinitModule` when rendering a component if you know that it or its children will use a specific module and you're OK with the module being evaluated and thereby taking effect immediately upon being downloaded.
77+
Appelez `preinitModule` lors du rendu d'un composant si vous savez que ses enfants auront besoin de charger un module spécifique, et que vous acceptez d'évaluer ce module immédiatement après son chargement.
7878

7979
```js
8080
import { preinitModule } from 'react-dom';
8181

8282
function AppRoot() {
83-
preinitModule("https://example.com/module.js", {as: "script"});
83+
preinitModule("https://example.com/module.js", { as: "script" });
8484
return ...;
8585
}
8686
```
8787

88-
If you want the browser to download the module but not to execute it right away, use [`preloadModule`](/reference/react-dom/preloadModule) instead. If you want to preinit a script that isn't an ESM module, use [`preinit`](/reference/react-dom/preinit).
88+
Si vous souhaitez que le navigateur télécharge mais n'évalue pas le module immédiatement, utilisez plutôt [`preload`](/reference/react-dom/preload). Si vous souhaitez charger et évaluer un script qui n'est pas un module ESM, utilisez [`preinit`](/reference/react-dom/preinitModule).
8989

90-
### Preloading in an event handler {/*preloading-in-an-event-handler*/}
90+
### Préinitialisation dans un gestionnaire d'événement {/*preconnecting-in-an-event-handler*/}
9191

92-
Call `preinitModule` 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 `preinitModule` depuis un gestionnaire d'événement avant de passer à une page ou un état qui auront besoin de modules. Ç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.
9393

9494
```js
9595
import { preinitModule } from 'react-dom';
9696

9797
function CallToAction() {
9898
const onClick = () => {
99-
preinitModule("https://example.com/module.js", {as: "script"});
99+
preinitModule("https://example.com/module.js", { as: "script" });
100100
startWizard();
101101
}
102102
return (
103-
<button onClick={onClick}>Start Wizard</button>
103+
<button onClick={onClick}>Démarrer l’assistant</button>
104104
);
105105
}
106106
```

0 commit comments

Comments
 (0)