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/preload.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -73,7 +73,7 @@ La fonction `preload` suggère au navigateur de commencer à télécharger une r
73
73
* 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 :
74
74
* Deux appels sont équivalents s'ils ont le même `href`, sauf si :
75
75
* 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.
77
77
* 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é.
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/preloadModule.md
+31-32Lines changed: 31 additions & 32 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 `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).
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
-
`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.
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.
51
51
52
-
#### Parameters {/*parameters*/}
52
+
#### Paramètres {/*parameters*/}
53
53
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.
60
60
61
+
#### Valeur renvoyée {/*returns*/}
61
62
62
-
#### Returns {/*returns*/}
63
+
`preloadModule` ne renvoie rien.
63
64
64
-
`preloadModule` returns nothing.
65
+
#### Limitations {/*caveats*/}
65
66
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é.
71
70
72
71
---
73
72
74
-
## Usage {/*usage*/}
73
+
## Utilisation {/*usage*/}
75
74
76
-
### Preloading when rendering {/*preloading-when-rendering*/}
75
+
### Précharger lors du rendu {/*preloading-when-rendering*/}
77
76
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.
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).
90
89
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*/}
92
91
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.
0 commit comments