From 330e1a44713e80b42037ab13f0854acdd3dc2fbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Paul=20Rivi=C3=A8re?= <paul.riviere@thetribe.io>
Date: Fri, 11 Aug 2023 16:55:31 +0200
Subject: [PATCH 1/3] Translation of "<option>" page

---
 .../reference/react-dom/components/option.md  | 44 +++++++++----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index 84725854c..f5745110c 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -4,12 +4,12 @@ title: "<option>"
 
 <Intro>
 
-The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) lets you render an option inside a [`<select>`](/reference/react-dom/components/select) box.
+Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet de rendre une option dans un champ [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>
-  <option value="someOption">Some option</option>
-  <option value="otherOption">Other option</option>
+  <option value="someOption">Une option</option>
+  <option value="otherOption">Une autre option</option>
 </select>
 ```
 
@@ -19,44 +19,44 @@ The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/
 
 ---
 
-## Reference {/*reference*/}
+## Référence {/*reference*/}
 
 ### `<option>` {/*option*/}
 
-The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) lets you render an option inside a [`<select>`](/reference/react-dom/components/select) box.
+Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet de rendre une option dans un champ [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>
-  <option value="someOption">Some option</option>
-  <option value="otherOption">Other option</option>
+    <option value="someOption">Une option</option>
+    <option value="otherOption">Une autre option</option>
 </select>
 ```
 
-[See more examples below.](#usage)
+[Voir d'autres exemples ci-dessous.](#usage)
 
 #### Props {/*props*/}
 
-`<option>` supports all [common element props.](/reference/react-dom/components/common#props)
+`<option>` supporte toutes les [props des éléments communs](/reference/react-dom/components/common#props).
 
-Additionally, `<option>` supports these props:
+De plus, `<option>` supporte ces props :
 
-* [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#disabled): A boolean. If `true`, the option will not be selectable and will appear dimmed.
-* [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): A string. Specifies the meaning of the option. If not specified, the text inside the option is used.
-* [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#value): The value to be used [when submitting the parent `<select>` in a form](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) if this option is selected.
+* [`disabled`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#disabled): Un booléen. Si `true`, l'option ne sera pas sélectionnable et apparaîtra comme atténuée.
+* [`label`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#label): Une chaine de caractère. Indique la signification de l'option. Si non indiqué, le texte dans l'option sera utilisé.
+* [`value`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#value): La valeur utilisée [quand on soumet le `<select>` parent dans un formulaire](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form), si cette option est sélectionnée.
 
-#### Caveats {/*caveats*/}
+#### Limitations {/*caveats*/}
 
-* React does not support the `selected` attribute on `<option>`. Instead, pass this option's `value` to the parent [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) for an uncontrolled select box, or [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) for a controlled select.
+* React ne supporte pas l'attribut `selected` pour `<option>`. À la place, passez la `value` de cette option au [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) parent pour un composant select non contrôlé, ou [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) pour un composant select contrôlé.
 
 ---
 
-## Usage {/*usage*/}
+## Utilisation {/*usage*/}
 
-### Displaying a select box with options {/*displaying-a-select-box-with-options*/}
+### Afficher un champ select avec des options {/*displaying-a-select-box-with-options*/}
 
-Render a `<select>` with a list of `<option>` components inside to display a select box. Give each `<option>` a `value` representing the data to be submitted with the form.
+Écrivez un `<select>` avec une liste de composants `<option>` à l'intérieur pour afficher un champ select. Donnez à chaque `<option>` une `value` qui représente la donnée qui sera soumise avec le formulaire.
 
-[Read more about displaying a `<select>` with a list of `<option>` components.](/reference/react-dom/components/select)
+[Lire davantage à propos de l'affichage d'un `<select>` avec une liste de composants `<option>`.](/reference/react-dom/components/select)
 
 <Sandpack>
 
@@ -64,10 +64,10 @@ Render a `<select>` with a list of `<option>` components inside to display a sel
 export default function FruitPicker() {
   return (
     <label>
-      Pick a fruit:
+      Choisissez un fruit :
       <select name="selectedFruit">
-        <option value="apple">Apple</option>
-        <option value="banana">Banana</option>
+        <option value="apple">Pomme</option>
+        <option value="banana">Banane</option>
         <option value="orange">Orange</option>
       </select>
     </label>

From c9f1f5dfd27888c64be1df4f81c2d48fbe2de85b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Paul=20Rivi=C3=A8re?= <rivierepaul@hotmail.fr>
Date: Tue, 15 Aug 2023 12:07:24 +0200
Subject: [PATCH 2/3] Apply suggestions from code review

Co-authored-by: Christophe Porteneuve <tdd@tddsworld.com>
---
 .../reference/react-dom/components/option.md  | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index f5745110c..e4fc9540f 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -4,7 +4,7 @@ title: "<option>"
 
 <Intro>
 
-Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet de rendre une option dans un champ [`<select>`](/reference/react-dom/components/select).
+Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet d'afficher une option dans une liste déroulante [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>
@@ -23,40 +23,40 @@ Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/E
 
 ### `<option>` {/*option*/}
 
-Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet de rendre une option dans un champ [`<select>`](/reference/react-dom/components/select).
+Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet d'afficher une option dans une liste déroulante [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>
-    <option value="someOption">Une option</option>
-    <option value="otherOption">Une autre option</option>
+  <option value="someOption">Une option</option>
+  <option value="otherOption">Une autre option</option>
 </select>
 ```
 
-[Voir d'autres exemples ci-dessous.](#usage)
+[Voir d'autres exemples ci-dessous](#usage).
 
 #### Props {/*props*/}
 
-`<option>` supporte toutes les [props des éléments communs](/reference/react-dom/components/common#props).
+`<option>` prend en charge toutes les [props communes aux éléments](/reference/react-dom/components/common#props).
 
-De plus, `<option>` supporte ces props :
+`<option>` prend également en charge les props suivantes :
 
-* [`disabled`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#disabled): Un booléen. Si `true`, l'option ne sera pas sélectionnable et apparaîtra comme atténuée.
-* [`label`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#label): Une chaine de caractère. Indique la signification de l'option. Si non indiqué, le texte dans l'option sera utilisé.
-* [`value`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#value): La valeur utilisée [quand on soumet le `<select>` parent dans un formulaire](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form), si cette option est sélectionnée.
+* [`disabled`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#disabled) : un booléen. Si `true`, l'option ne sera pas sélectionnable et apparaîtra grisée.
+* [`label`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#label) : une chaine de caractères. Indique la signification de l'option. Lorsqu'elle est manquante, le texte de l'option est utilisé.
+* [`value`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#value) : la valeur utilisée [quand on soumet le `<select>` parent dans un formulaire](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form), si cette option est sélectionnée.
 
 #### Limitations {/*caveats*/}
 
-* React ne supporte pas l'attribut `selected` pour `<option>`. À la place, passez la `value` de cette option au [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) parent pour un composant select non contrôlé, ou [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) pour un composant select contrôlé.
+* React ne prend pas en charge l'attribut `selected` pour `<option>`. Passez plutôt la `value` de cette option au [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) parent pour une liste déroulante non contrôlée, ou [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) pour une liste déroulante contrôlée.
 
 ---
 
 ## Utilisation {/*usage*/}
 
-### Afficher un champ select avec des options {/*displaying-a-select-box-with-options*/}
+### Afficher une liste déroulante avec des options {/*displaying-a-select-box-with-options*/}
 
-Écrivez un `<select>` avec une liste de composants `<option>` à l'intérieur pour afficher un champ select. Donnez à chaque `<option>` une `value` qui représente la donnée qui sera soumise avec le formulaire.
+Utilisez un `<select>` avec une liste de composants `<option>` à l'intérieur pour afficher une liste déroulante. Donnez à chaque `<option>` une `value` qui représente la donnée qui sera soumise avec le formulaire.
 
-[Lire davantage à propos de l'affichage d'un `<select>` avec une liste de composants `<option>`.](/reference/react-dom/components/select)
+[Apprenez-en davantage sur l'affichage d'un `<select>` avec une liste de composants `<option>`](/reference/react-dom/components/select).
 
 <Sandpack>
 

From 281cf66d754617ddc541bc2993620a511fc56bd4 Mon Sep 17 00:00:00 2001
From: Christophe Porteneuve <christophe@delicious-insights.com>
Date: Tue, 15 Aug 2023 13:10:56 +0200
Subject: [PATCH 3/3] copy(option): final review pass

---
 src/content/reference/react-dom/components/option.md | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/content/reference/react-dom/components/option.md b/src/content/reference/react-dom/components/option.md
index e4fc9540f..32e960700 100644
--- a/src/content/reference/react-dom/components/option.md
+++ b/src/content/reference/react-dom/components/option.md
@@ -4,7 +4,7 @@ title: "<option>"
 
 <Intro>
 
-Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet d'afficher une option dans une liste déroulante [`<select>`](/reference/react-dom/components/select).
+Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet d'afficher une option dans une liste [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>
@@ -42,7 +42,7 @@ Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/E
 
 * [`disabled`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#disabled) : un booléen. Si `true`, l'option ne sera pas sélectionnable et apparaîtra grisée.
 * [`label`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#label) : une chaine de caractères. Indique la signification de l'option. Lorsqu'elle est manquante, le texte de l'option est utilisé.
-* [`value`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#value) : la valeur utilisée [quand on soumet le `<select>` parent dans un formulaire](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form), si cette option est sélectionnée.
+* [`value`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#value) : la valeur utilisée [quand on soumet le `<select>` parent dans un formulaire](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) et que cette option est sélectionnée dans la liste.
 
 #### Limitations {/*caveats*/}
 
@@ -64,7 +64,7 @@ Utilisez un `<select>` avec une liste de composants `<option>` à l'intérieur p
 export default function FruitPicker() {
   return (
     <label>
-      Choisissez un fruit :
+      Choisissez un fruit :
       <select name="selectedFruit">
         <option value="apple">Pomme</option>
         <option value="banana">Banane</option>
@@ -79,5 +79,4 @@ export default function FruitPicker() {
 select { margin: 5px; }
 ```
 
-</Sandpack>  
-
+</Sandpack>