Skip to content

Commit 68421ae

Browse files
committed
copy(startTransition): final review pass
1 parent bdfcfe8 commit 68421ae

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/content/reference/react/startTransition.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ function TabContainer() {
4141

4242
#### Paramètres {/*parameters*/}
4343

44-
* `scope` : une fonction qui met à jour l'état en appelant au moins une [fonction `set`](/reference/react/useState#setstate). React appelle immédiatement `scope` sans argument et marque toutes les mises à jour d'état demandées durant son exécution synchrone de `scope` comme des transitions. Elles seront [non bloquantes](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition) et [n'afficheront pas d'indicateurs de chargement indésirables](/reference/react/useTransition#preventing-unwanted-loading-indicators).
44+
* `scope` : une fonction qui met à jour l'état en appelant au moins une [fonction `set`](/reference/react/useState#setstate). React appelle immédiatement `scope` sans argument et marque toutes les mises à jour d'état demandées durant l'exécution synchrone de `scope` comme des transitions. Elles seront [non bloquantes](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition) et [n'afficheront pas d'indicateurs de chargement indésirables](/reference/react/useTransition#preventing-unwanted-loading-indicators).
4545

4646
#### Valeur renvoyée {/*returns*/}
4747

@@ -53,9 +53,9 @@ function TabContainer() {
5353

5454
* Vous pouvez enrober une mise à jour dans une transition uniquement si vous avez accès à la fonction `set` de l'état en question. Si vous souhaitez démarrer une transition en réaction à une prop ou à la valeur renvoyée par un Hook personnalisé, utilisez plutôt [`useDeferredValue`](/reference/react/useDeferredValue).
5555

56-
* La fonction que vous passez à `startTransition` doit être synchrone. React exécute cette fonction immédiatement, et marquer toutes les mises à jour demandées lors de son exécution comme des transitions. Si vous essayez de faire des mises à jour d'état plus tard (par exemple avec un timer), elles ne seront pas marquées comme des transitions.
56+
* La fonction que vous passez à `startTransition` doit être synchrone. React exécute cette fonction immédiatement, et marque toutes les mises à jour demandées lors de son exécution comme des transitions. Si vous essayez de faire des mises à jour d'état plus tard (par exemple avec un timer), elles ne seront pas marquées comme des transitions.
5757

58-
* Une mise à jour d'état marquée comme une transition pourra être interrompue par d'autres mises à jour d'état. Par excemple, si vous mettez à jour un composant de diagramme au sein d'une transition, mais commencez alors une saisie dans un champ texte alors que le diagramme est en train de refaire son rendu, React redémarrera le rendu du composant diagramme après avoir traité la mise à jour d'état du champ.
58+
* Une mise à jour d'état marquée comme une transition pourra être interrompue par d'autres mises à jour d'état. Par exemple, si vous mettez à jour un composant de graphe au sein d'une transition, mais commencez alors une saisie dans un champ texte tandis que le graphe est en train de refaire son rendu, React redémarrera le rendu du composant graphe après avoir traité la mise à jour d'état du champ.
5959

6060
* Les mises à jour en transition ne peuvent pas être utilisées pour contrôler des champs textuels.
6161

@@ -67,7 +67,7 @@ function TabContainer() {
6767

6868
### Marquer une mise à jour d'état comme étant une transition non bloquante {/*marking-a-state-update-as-a-non-blocking-transition*/}
6969

70-
Vous pouvez indiquer qu'une mise à jour d'état constitue une *transition* en l'enrobant dans un appel à `startTransition` :
70+
Vous pouvez indiquer qu'une mise à jour d'état doit être traitée comme une *transition* en l'enrobant dans un appel à `startTransition` :
7171

7272
```js {7,9}
7373
import { startTransition } from 'react';
@@ -86,11 +86,11 @@ function TabContainer() {
8686

8787
Les transitions vous permettent de conserver des mises à jour d'interface utilisateur réactives même sur des appareils lents.
8888

89-
Avec une transition, votre UI reste réactive pendant le rendu. Par exemple, si l'utilisateur clique sur un onglet mais ensuite change d'avis et va sur un autre onglet, ils peuvent le faire sans devoir d'abord attendre que le premier onglet ait fini son rendu.
89+
Avec une transition, votre UI reste réactive pendant le rendu. Par exemple, si l'utilisateur clique sur un onglet mais ensuite change d'avis et va sur un autre onglet, il peut le faire sans devoir d'abord attendre que le premier onglet ait fini son rendu.
9090

9191
<Note>
9292

93-
`startTransition` est très similaire à [`useTransition`](/reference/react/useTransition), à ceci près qu'elle ne fournit pas le drapeau `isPending` pour surveiller la progression de la transition. Vous pouvez appeler `startTransition` quand `useTransition` est indisponible. Par exemple, `startTransition` fonctionne hors des composants, comme pour une bibliothèque de gestion de données.
93+
`startTransition` est très similaire à [`useTransition`](/reference/react/useTransition), à ceci près qu'elle ne fournit pas le drapeau `isPending` pour surveiller la progression de la transition. Vous pouvez appeler `startTransition` quand `useTransition` est indisponible. En particulier, `startTransition` fonctionne hors des composants, comme par exemple dans une bibliothèque de gestion de données.
9494

9595
[Apprenez-en davantage sur les transitions et consultez des exemples sur la page de `useTransition`](/reference/react/useTransition).
9696

0 commit comments

Comments
 (0)