From c98c8700185f6c49c464c2cf52453e25edecbd79 Mon Sep 17 00:00:00 2001 From: Christophe Porteneuve Date: Mon, 23 Oct 2023 19:17:49 +0200 Subject: [PATCH] copy(react-dom-hooks): full translation and review --- TRANSLATORS.md | 37 +++++++++++-------- .../reference/react-dom/hooks/index.md | 18 ++++----- 2 files changed, 30 insertions(+), 25 deletions(-) diff --git a/TRANSLATORS.md b/TRANSLATORS.md index 20fecb62e..868c32d81 100644 --- a/TRANSLATORS.md +++ b/TRANSLATORS.md @@ -70,16 +70,19 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis
  • Affichage conditionnel
  • Afficher des listes
  • Garder les composants purs
    • +
  • Votre UI vue comme un arbre
  • L’état : la mémoire d’un composant
  • Rendu et Commit
  • L’état est un instantané
  • Cumuler les mises à jour d’un même état
    • +
  • Préserver et réinitialiser l’état (arbres UI)
  • Échappatoires (accueil chapitre)
  • Référencer des valeurs avec les refs
  • Manipuler le DOM avec des refs
  • Synchroniser grâce aux Effets
  • Vous n’avez pas forcément besoin d’un Effet
  • Alléger les dépendances des Effets
    • +
  • use
  • useCallback
  • useEffect
  • useImperativeHandle
    • @@ -91,6 +94,7 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis
  • useTransition
  • experimental_taintObjectReference
  • experimental_taintUniqueValue
    • +
  • experimental_useEffectEvent
  • <Suspense>
  • cache
  • forwardRef
    • @@ -98,6 +102,7 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis
  • Directives (accueil chapitre)
  • 'use client'
  • 'use server'
    • +
  • react-dom : Hooks (accueil chapitre)
  • react-dom : Composants (accueil chapitre)
  • <select>
  • API React DOM intégrées
    • @@ -208,8 +213,8 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis @@ -218,8 +223,8 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis @@ -228,18 +233,18 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis diff --git a/src/content/reference/react-dom/hooks/index.md b/src/content/reference/react-dom/hooks/index.md index 6490dc111..6ad448b86 100644 --- a/src/content/reference/react-dom/hooks/index.md +++ b/src/content/reference/react-dom/hooks/index.md @@ -1,27 +1,27 @@ --- -title: "React DOM Hooks" +title: "Hooks fournis par React DOM" --- -The `react-dom` package contains Hooks that are only supported for web applications (which run in the browser DOM environment). These Hooks are not supported in non-browser environments like iOS, Android, or Windows applications. If you are looking for Hooks that are supported in web browsers *and other environments* see [the React Hooks page](/reference/react). This page lists all the Hooks in the `react-dom` package. +Le module `react-dom` contient les Hooks qui ne sont pris en charge que dans des applications web (qui ne tournent que dans un environnement DOM navigateur). Ces Hooks ne sont pas pris en charge dans des environnements hors-navigateur tels que les applications iOS, Android ou Windows. Si vous cherchez les Hooks pris en charge dans les navigateurs *et les autres environnements*, consultez la [page des Hooks React](/reference/react). La page où vous vous trouvez liste quant à elle tous les Hooks du module `react-dom`. --- -## Form Hooks {/*form-hooks*/} +## Hooks de formulaires {/*form-hooks*/} -Form Hooks are currently only available in React's canary and experimental channels. Learn more about [React's release channels here](/community/versioning-policy#all-release-channels). +Les Hooks de formulaires ne sont actuellement disponibles 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). -*Forms* let you create interactive controls for submitting information. To manage forms in your components, use one of these Hooks: +Les *formulaires* vous permettent de créer des contrôles interactifs pour envoyer des informations. Pour gérer les formulaires dans vos composants, utilisez l'un des Hooks suivants : -* [`useFormStatus`](/reference/react-dom/hooks/useFormStatus) allows you to make updates to the UI based on the status of the a form. -* `useFormState` allows you to manage state inside a form. +* [`useFormStatus`](/reference/react-dom/hooks/useFormStatus) vous permet de mettre à jour l'UI sur base de l'état d'un formulaire. +* `useFormState` vous permet de gérer l'état au sein d'un formulaire. ```js function Form({ action }) { @@ -31,7 +31,7 @@ function Form({ action }) { const [count, incrementFormAction] = useFormState(increment, 0); return (
    - +
    ); }