react:Hooks index page translation #464
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Size changes📦 Next.js Bundle Analysis for react-devThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
tdd
added
Pending Review
tdd
requested changes
May 6, 2023
There was a problem hiding this comment.
Salut @emmadal !
Avant toute chose, merci pour tout ce boulot ! C'est super cool de nous filer un coup de main.
Avant de traiter les retours, lis bien TOUT ce message, notamment les consignes d'intégration optimale des retours par lot(s)
Tout est fait sous forme de Suggestions GitHub, il te suffit à chaque suggestion que tu approuves de
cliquer le bouton d'ajout au lot de modifs à committer (pas de commit direct !), et sur la fin de créer le commit groupé. (ce mode de regroupement en un seul commit est à favoriser absolument, mais tu devras aller dans l'onglet Files changed pour y accéder, il n'est pas utilisable dans l’onglet Conversation)
Si certaines appellent discussion, n'hésite pas, tu réponds, on en parle, on avance ensemble 🤝
Quand tout sera bouclé côté code, je ferai une repasse visuelle finale en local avant de fusionner. J'y recalerai si besoin les usual suspects : espaces insécables avant les ponctuations doubles, et apostrophes françaises.
Encore mille mercis, j'ai hâte de voir cette PR finalisée et dans main !
src/content/reference/react/index.md
Outdated
| @@ -1,23 +1,23 @@ | |||
| --- | |||
| title: "Built-in React Hooks" | |||
| title: "Hooks intégrés à React" | |||
There was a problem hiding this comment.
Suggested change
| title: "Hooks intégrés à React" | |
| title: "Hooks fournis par React" |
Ta trad est juste aussi, mais on a déjà choisi d'aller vers fournis/pré-fournis dans des trads récentes, donc j'harmonise.
There was a problem hiding this comment.
Au passage ajuste aussi le titre correspondant dans src/sidebarLearn.json s'il te plaît
There was a problem hiding this comment.
Au passage ajuste aussi le titre correspondant dans
src/sidebarLearn.jsons'il te plaît
hello @tdd, merci beaucoup pour votre review. j'ai verifier dans le fichier en question mais le titre n'existe pas.
There was a problem hiding this comment.
Ah oui on n'est pas dans Learn. C'est le fichier de sidebar pour la partie référence qu'il faut aller voir.
There was a problem hiding this comment.
j'ai vérifié, il ne s'y trouve non plus dans le fichier. je pense qu'il a été changé puisque le titre dans le ficher est Hooks tout court
src/content/reference/react/index.md
Outdated
| --- | ||
|
|
||
| <Intro> | ||
|
|
||
| *Hooks* let you use different React features from your components. You can either use the built-in Hooks or combine them to build your own. This page lists all built-in Hooks in React. | ||
| Les *Hooks* vous permettent d'utiliser différentes fonctionnalités de React dans vos composants. Vous pouvez utiliser les Hooks intégrés ou les associer pour créer les vôtres. Cette page liste tout les Hooks intégrés à React. |
There was a problem hiding this comment.
Suggested change
| Les *Hooks* vous permettent d'utiliser différentes fonctionnalités de React dans vos composants. Vous pouvez utiliser les Hooks intégrés ou les associer pour créer les vôtres. Cette page liste tout les Hooks intégrés à React. | |
| Les *Hooks* vous permettent d'utiliser différentes fonctionnalités de React au sein de vos composants. Vous pouvez utiliser les Hooks pré-fournis ou les associer pour créer les vôtres. Cette page liste tout les Hooks fournis par React. |
Bon choix, "associer" 👍
src/content/reference/react/index.md
Outdated
|
|
||
| *State* lets a component ["remember" information like user input.](/learn/state-a-components-memory) For example, a form component can use state to store the input value, while an image gallery component can use state to store the selected image index. | ||
| L'*État local* permet à un composant ["de se souvenir" des informations fournies par l'utilisateur.](/learn/state-a-components-memory) Par exemple, un formulaire composant peut utiliser l'état local pour enregister la valeur de saisie, alors qu'un composant de galerie d'image peut utiliser l'état local pour enregister l'index de l'image. |
There was a problem hiding this comment.
Suggested change
| L'*État local* permet à un composant ["de se souvenir" des informations fournies par l'utilisateur.](/learn/state-a-components-memory) Par exemple, un formulaire composant peut utiliser l'état local pour enregister la valeur de saisie, alors qu'un composant de galerie d'image peut utiliser l'état local pour enregister l'index de l'image. | |
| *L'état local* permet à un composant de [« se souvenir » d'informations, telles que des saisies utilisateur](/learn/state-a-components-memory). Par exemple, un composant formulaire peut utiliser l'état local pour stocker la valeur saisie, alors qu'un composant de galerie d'images pourra l'utiliser pour stocker l'index de l'image affichée. |
- En français, État hors début de phrase désigne la notion administrative nationale.
- Guillemets français et insécables dedans.
- Attention au glissement de sens dans le lien.
- En français on sortira la ponctuation de la fin du lien pour la placer après le lien.
- Attention aux typos ("enregister", R manquant), même si là j'ai préféré "stocker", qui est un terme plus passif que "enregistrer" (verbe d'action, plus équivalent à "save" qu'à "store").
- Allègement de la répétition "de l'état local".
src/content/reference/react/index.md
Outdated
|
|
||
| To add state to a component, use one of these Hooks: | ||
| Pour ajouter l'état local à un composant, utilisez un de ces Hooks: |
There was a problem hiding this comment.
Suggested change
| Pour ajouter l'état local à un composant, utilisez un de ces Hooks: | |
| Pour ajouter un état local à un composant, utilisez un de ces Hooks : |
- Il y a autant d'états locaux que de recours au hook.
- Insécables devant les ponctuations doubles.
src/content/reference/react/index.md
Outdated
| * [`useState`](/reference/react/useState) declares a state variable that you can update directly. | ||
| * [`useReducer`](/reference/react/useReducer) declares a state variable with the update logic inside a [reducer function.](/learn/extracting-state-logic-into-a-reducer) | ||
| * [`useState`](/reference/react/useState) déclare une variable d'état local que vous pouvez mettre à jour directement. | ||
| * [`useReducer`](/reference/react/useReducer) déclare une variable d'état local avec une logique de mise à jour dans une [fonction réducteur.](/learn/extracting-state-logic-into-a-reducer) |
There was a problem hiding this comment.
Suggested change
| * [`useReducer`](/reference/react/useReducer) déclare une variable d'état local avec une logique de mise à jour dans une [fonction réducteur.](/learn/extracting-state-logic-into-a-reducer) | |
| * [`useReducer`](/reference/react/useReducer) déclare une variable d'état local dont la logique de mise à jour réside dans une [fonction réducteur](/learn/extracting-state-logic-into-a-reducer). |
src/content/reference/react/index.md
Outdated
|
|
||
| These Hooks are mostly useful to library authors and aren't commonly used in the application code. | ||
| Ces Hooks sont majoritairement utiles aux auteurs de bibliothèque et ne sont pas couramment utilisés dans le code de l'application. |
There was a problem hiding this comment.
Suggested change
| Ces Hooks sont majoritairement utiles aux auteurs de bibliothèque et ne sont pas couramment utilisés dans le code de l'application. | |
| Ces Hooks sont majoritairement utiles aux auteur·e·s de bibliothèque et ne sont pas couramment utilisés dans du code applicatif. |
La VO pourrait se passer du "the" ici.
src/content/reference/react/index.md
Outdated
| - [`useDebugValue`](/reference/react/useDebugValue) lets you customize the label React DevTools displays for your custom Hook. | ||
| - [`useId`](/reference/react/useId) lets a component associate a unique ID with itself. Typically used with accessibility APIs. | ||
| - [`useSyncExternalStore`](/reference/react/useSyncExternalStore) lets a component subscribe to an external store. | ||
| - [`useDebugValue`](/reference/react/useDebugValue) vous permet de personnaliser le titre que React Devtools affiche pour votre Hook personnalisé. |
There was a problem hiding this comment.
Suggested change
| - [`useDebugValue`](/reference/react/useDebugValue) vous permet de personnaliser le titre que React Devtools affiche pour votre Hook personnalisé. | |
| - [`useDebugValue`](/reference/react/useDebugValue) vous permet de personnaliser le libellé que React Devtools affiche pour votre Hook personnalisé. |
src/content/reference/react/index.md
Outdated
| - [`useId`](/reference/react/useId) lets a component associate a unique ID with itself. Typically used with accessibility APIs. | ||
| - [`useSyncExternalStore`](/reference/react/useSyncExternalStore) lets a component subscribe to an external store. | ||
| - [`useDebugValue`](/reference/react/useDebugValue) vous permet de personnaliser le titre que React Devtools affiche pour votre Hook personnalisé. | ||
| - [`useId`](/reference/react/useId) permet à un composant de s'associer lui-même à un ID unique. Géneralement avec les accessibilités des APIs. |
There was a problem hiding this comment.
Suggested change
| - [`useId`](/reference/react/useId) permet à un composant de s'associer lui-même à un ID unique. Géneralement avec les accessibilités des APIs. | |
| - [`useId`](/reference/react/useId) permet à un composant de s'associer un ID unique. Généralement utilisé avec les API d’accessibilité. |
Contresens sur la fin.
src/content/reference/react/index.md
Outdated
| - [`useSyncExternalStore`](/reference/react/useSyncExternalStore) lets a component subscribe to an external store. | ||
| - [`useDebugValue`](/reference/react/useDebugValue) vous permet de personnaliser le titre que React Devtools affiche pour votre Hook personnalisé. | ||
| - [`useId`](/reference/react/useId) permet à un composant de s'associer lui-même à un ID unique. Géneralement avec les accessibilités des APIs. | ||
| - [`useSyncExternalStore`](/reference/react/useSyncExternalStore) permet à un composant de s'abonner à une source de données externe. |
There was a problem hiding this comment.
Suggested change
| - [`useSyncExternalStore`](/reference/react/useSyncExternalStore) permet à un composant de s'abonner à une source de données externe. | |
| - [`useSyncExternalStore`](/reference/react/useSyncExternalStore) permet à un composant de s'abonner à une source de données extérieure. |
src/content/reference/react/index.md
Outdated
|
|
||
| You can also [define your own custom Hooks](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) as JavaScript functions. | ||
| Vous pouvez [définir vos propres Hooks personnalisés](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) comme des fonctions Javascript. |
There was a problem hiding this comment.
Suggested change
| Vous pouvez [définir vos propres Hooks personnalisés](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) comme des fonctions Javascript. | |
| Vous pouvez [définir vos propres Hooks personnalisés](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) au moyen de fonctions JavaScript. |
tdd
added
Reviewed
and removed
Pending Review
tdd
approved these changes
May 6, 2023
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Traduction de la page index de
react: hooks