Skip to content

Commit b1dab25

Browse files
committed
copy(useDebugValue): final review pass
1 parent 877497c commit b1dab25

File tree

3 files changed

+10
-9
lines changed

3 files changed

+10
-9
lines changed

TRANSLATORS.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,7 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis
114114
<td><a href="https://twitter.com/MatteoGauthier_">@MatteoGauthier_</a></td>
115115
<td>
116116
<ul>
117+
<li><a href="https://fr.react.dev/reference/react/useDebugValue"><code>useDebugValue</code></a></li>
117118
<li><a href="https://fr.react.dev/reference/react/useId"><code>useId</code></a></li>
118119
</ul>
119120
</td>

src/content/reference/react/index.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -88,8 +88,8 @@ Une manière courante d’optimiser la performance de réaffichage consiste à s
8888
8989
Pour éviter les calculs coûteux et les réaffichages inutiles, utilisez l’un de ces Hooks :
9090
91-
- [`useMemo`](/reference/react/useMemo) vous permet de mettre en cache le résultat d’un calcul coûteux.
92-
- [`useCallback`](/reference/react/useCallback) vous permet de mettre en cache la définition d’une fonction avant de la passer à un composant optimisé.
91+
* [`useMemo`](/reference/react/useMemo) vous permet de mettre en cache le résultat d’un calcul coûteux.
92+
* [`useCallback`](/reference/react/useCallback) vous permet de mettre en cache la définition d’une fonction avant de la passer à un composant optimisé.
9393
9494
```js
9595
function TodoList({ todos, tab, theme }) {
@@ -102,18 +102,18 @@ Parfois, vous ne pouvez pas éviter le réaffichage parce que la vue doit effect
102102
103103
Pour établir des priorités de rendu, utilisez un de ces Hooks :
104104
105-
- [`useTransition`](/reference/react/useTransition) permet de marquer une transition d’état local comme non bloquante ce qui autorise d’autres mises à jour à l’interrompre.
106-
- [`useDeferredValue`](/reference/react/useDeferredValue) vous permet de différer la mise à jour d’une partie non critique de l’UI et de laisser les autres parties se mettre à jour en premier.
105+
* [`useTransition`](/reference/react/useTransition) permet de marquer une transition d’état local comme non bloquante ce qui autorise d’autres mises à jour à l’interrompre.
106+
* [`useDeferredValue`](/reference/react/useDeferredValue) vous permet de différer la mise à jour d’une partie non critique de l’UI et de laisser les autres parties se mettre à jour en premier.
107107
108108
---
109109
110110
## Autres Hooks {/*other-hooks*/}
111111
112112
Ces Hooks sont majoritairement utiles aux auteur·e·s de bibliothèque et ne sont pas couramment utilisés dans du code applicatif.
113113
114-
- [`useDebugValue`](/reference/react/useDebugValue) vous permet de personnaliser le libellé que React Devtools affiche pour votre propre Hook.
115-
- [`useId`](/reference/react/useId) permet à un composant de s’associer un ID unique. Généralement utilisé avec les API d’accessibilité.
116-
- [`useSyncExternalStore`](/reference/react/useSyncExternalStore) permet à un composant de s’abonner à une source de données extérieure.
114+
* [`useDebugValue`](/reference/react/useDebugValue) vous permet de personnaliser le libellé que les outils de développement React affichent pour votre propre Hook.
115+
* [`useId`](/reference/react/useId) permet à un composant de s’associer un ID unique. Généralement utilisé avec les API d’accessibilité.
116+
* [`useSyncExternalStore`](/reference/react/useSyncExternalStore) permet à un composant de s’abonner à une source de données extérieure.
117117
118118
---
119119

src/content/reference/react/useDebugValue.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ useDebugValue(value, format?)
2020
2121
### `useDebugValue(value, format?)` {/*usedebugvalue*/}
2222
23-
Appelez `useDebugValue` à la racine de votre [Hook personnalisé](/learn/reusing-logic-with-custom-hooks) pour afficher une valeur de débogage lisible :
23+
Appelez `useDebugValue` à la racine de votre [Hook personnalisé](/learn/reusing-logic-with-custom-hooks) pour afficher une valeur de débogage lisible :
2424
2525
```js
2626
import { useDebugValue } from 'react';
@@ -111,7 +111,7 @@ N'ajoutez pas de valeurs de débogage à chaque Hook personnalisé. Cette métho
111111
112112
### Différer le formatage d'une valeur de débogage {/*deferring-formatting-of-a-debug-value*/}
113113
114-
Vous pouvez également transmettre une fonction de formatage comme deuxième argument à `useDebugValue` :
114+
Vous pouvez transmettre une fonction de formatage comme deuxième argument à `useDebugValue` :
115115
116116
```js [[1, 1, "date", 18], [2, 1, "date.toDateString()"]]
117117
useDebugValue(date, date => date.toDateString());

0 commit comments

Comments
 (0)