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/preinitModule.md
+30-30Lines changed: 30 additions & 30 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,22 +5,22 @@ canary: true
5
5
6
6
<Canary>
7
7
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).
9
9
10
10
</Canary>
11
11
12
12
<Note>
13
13
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.
15
15
16
16
</Note>
17
17
18
18
<Intro>
19
19
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.
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.
51
51
52
52
#### Parameters {/*parameters*/}
53
53
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.
60
60
61
-
#### Returns {/*returns*/}
61
+
#### Valeur renvoyée {/*returns*/}
62
62
63
-
`preinitModule`returns nothing.
63
+
`preinitModule`ne renvoie rien.
64
64
65
-
#### Caveats {/*caveats*/}
65
+
#### Limitations {/*caveats*/}
66
66
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é.
70
70
71
71
---
72
72
73
-
## Usage {/*usage*/}
73
+
## Utilisation {/*usage*/}
74
74
75
-
### Preloading when rendering {/*preloading-when-rendering*/}
75
+
### Préinitialisation lors du rendu {/*preconnecting-when-rendering*/}
76
76
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.
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).
89
89
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*/}
91
91
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.
0 commit comments