Skip to content

Commit 3ffa93c

Browse files
committed
copy(preconnect): translate preconnect() page
1 parent 6ce9105 commit 3ffa93c

File tree

1 file changed

+22
-22
lines changed

1 file changed

+22
-22
lines changed

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

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

66
<Canary>
77

8-
The `preconnect` 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 `preconnect` 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
<Intro>
1313

14-
`preconnect` lets you eagerly connect to a server that you expect to load resources from.
14+
`preconnect` vous permet de vous connecter en avance à un serveur depuis lequel vous avez l'intention de charger des ressources.
1515

1616
```js
1717
preconnect("https://example.com");
@@ -23,11 +23,11 @@ preconnect("https://example.com");
2323

2424
---
2525

26-
## Reference {/*reference*/}
26+
## Référence {/*reference*/}
2727

2828
### `preconnect(href)` {/*preconnect*/}
2929

30-
To preconnect to a host, call the `preconnect` function from `react-dom`.
30+
Pour vous préconnecter à un hôte, appelez la fonction `preconnect` de `react-dom`.
3131

3232
```js
3333
import { preconnect } from 'react-dom';
@@ -39,34 +39,34 @@ function AppRoot() {
3939

4040
```
4141

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

44-
The `preconnect` function provides the browser with a hint that it should open a connection to the given server. If the browser chooses to do so, this can speed up the loading of resources from that server.
44+
La fonction `preconnect` suggère au navigateur d'ouvrir une connection vers le serveur en question. Si le navigateur décide de le faire, ça accélèrera le chargement ultérieur de ressources depuis ce serveur.
4545

46-
#### Parameters {/*parameters*/}
46+
#### Paramètres {/*parameters*/}
4747

48-
* `href`: a string. The URL of the server you want to connect to.
48+
* `href` : une chaîne de caractères. L'URL du serveur auquel vous souhaitez vous connecter.
4949

5050

51-
#### Returns {/*returns*/}
51+
#### Valeur renvoyée {/*returns*/}
5252

53-
`preconnect` returns nothing.
53+
`preconnect` ne renvoie rien.
5454

55-
#### Caveats {/*caveats*/}
55+
#### Limitations {/*caveats*/}
5656

57-
* Multiple calls to `preconnect` with the same server have the same effect as a single call.
58-
* In the browser, you can call `preconnect` in any situation: while rendering a component, in an effect, in an event handler, and so on.
59-
* In server-side rendering or when rendering Server Components, `preconnect` 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.
60-
* If you know the specific resources you'll need, you can call [other functions](/reference/react-dom/#resource-preloading-apis) instead that will start loading the resources right away.
61-
* There is no benefit to preconnecting to the same server the webpage itself is hosted from because it's already been connected to by the time the hint would be given.
57+
* Plusieurs appels à `preconnect` vers le même serveur ont le même effet qu'un unique appel.
58+
* Côté client, vous pouvez appeler `preconnect` n'importe où : lors du rendu d'un composant, dans un Effet, dans un gestionnaire d'événement, etc.
59+
* Lors d'un rendu côté serveur ou du rendu de Composants Serveur, `preconnect` 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é.
60+
* Si vous connaissez à l'avance les ressources précises dont vous aurez besoin, vous pouvez appeler [d'autres fonctions](/reference/react-dom/#resource-preloading-apis) plutôt que celle-ci, qui initieront directement le chargement des ressources.
61+
* Il n'y a aucun intérêt à se préconnecter au même serveur que celui qui sert la page web elle-même, car la connexion est déjà établie lorsque la suggestion est reçue.
6262

6363
---
6464

65-
## Usage {/*usage*/}
65+
## Utilisation {/*usage*/}
6666

67-
### Preconnecting when rendering {/*preconnecting-when-rendering*/}
67+
### Préconnexion lors du rendu {/*preconnecting-when-rendering*/}
6868

69-
Call `preconnect` when rendering a component if you know that its children will load external resources from that host.
69+
Appelez `preconnect` lors du rendu d'un composant si vous savez que ses enfants auront besoin de charger des ressources extérieures depuis un hôte donné.
7070

7171
```js
7272
import { preconnect } from 'react-dom';
@@ -77,9 +77,9 @@ function AppRoot() {
7777
}
7878
```
7979

80-
### Preconnecting in an event handler {/*preconnecting-in-an-event-handler*/}
80+
### Préconnexion dans un gestionnaire d'événement {/*preconnecting-in-an-event-handler*/}
8181

82-
Call `preconnect` in an event handler before transitioning to a page or state where external resources will be needed. This gets the process started earlier than if you call it during the rendering of the new page or state.
82+
Appelez `preconnect` depuis un gestionnaire d'événement avant de passer à une page ou un état qui auront besoin de ressources extérieures. Ça permet de déclencher le processus de connexion plus tôt que si vous l'appeliez au sein de la nouvelle page ou suite au nouvel état.
8383

8484
```js
8585
import { preconnect } from 'react-dom';
@@ -90,7 +90,7 @@ function CallToAction() {
9090
startWizard();
9191
}
9292
return (
93-
<button onClick={onClick}>Start Wizard</button>
93+
<button onClick={onClick}>Démarrer l’assistant</button>
9494
);
9595
}
9696
```

0 commit comments

Comments
 (0)