From d74393bef450a161dd4b2b65ce4f384b489ac9db Mon Sep 17 00:00:00 2001 From: Bastien Dumont Date: Mon, 1 May 2023 12:57:54 +0200 Subject: [PATCH 1/4] components --- src/content/reference/react/components.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/content/reference/react/components.md b/src/content/reference/react/components.md index 7ce3fab63..b4728f6eb 100644 --- a/src/content/reference/react/components.md +++ b/src/content/reference/react/components.md @@ -1,24 +1,24 @@ --- -title: "Built-in React Components" +title: "Composants React intégrés" --- -React exposes a few built-in components that you can use in your JSX. +React met à disposition des composants que vous pouvez utiliser dans votre JSX. --- -## Built-in components {/*built-in-components*/} +## Composants intégrés {/*built-in-components*/} -* [``](/reference/react/Fragment), alternatively written as `<>...`, lets you group multiple JSX nodes together. -* [``](/reference/react/Profiler) lets you measure rendering performance of a React tree programmatically. -* [``](/reference/react/Suspense) lets you display a fallback while the child components are loading. -* [``](/reference/react/StrictMode) enables extra development-only checks that help you find bugs early. +* [``](/reference/react/Fragment), autrement écrit avec `<>...`, vous permet d'englober plusieurs éléments JSX ensemble. +* [``](/reference/react/Profiler) vous permet de mesurer les performance de rendu d'un arbre React. +* [``](/reference/react/Suspense) vous permet d'afficher un composant alternatif pendant que les enfants chargent. +* [``](/reference/react/StrictMode) active des vérifications supplémentaires spécifiques en mode développement qui vous permettent d'anticiper des bugs. --- -## Your own components {/*your-own-components*/} +## Vos propres composants {/*your-own-components*/} -You can also [define your own components](/learn/your-first-component) as JavaScript functions. +Vous pouvez aussi [créer vos propres composants](/learn/your-first-component) avec des fonctions JavaScript. From fd53580d9a220823aeb83a32d7d515a9c901918f Mon Sep 17 00:00:00 2001 From: Bastien Dumont Date: Mon, 1 May 2023 13:05:51 +0200 Subject: [PATCH 2/4] harmonize with fragment page --- src/content/reference/react/components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/components.md b/src/content/reference/react/components.md index b4728f6eb..bcf5db4cd 100644 --- a/src/content/reference/react/components.md +++ b/src/content/reference/react/components.md @@ -12,7 +12,7 @@ React met à disposition des composants que vous pouvez utiliser dans votre JSX. ## Composants intégrés {/*built-in-components*/} -* [``](/reference/react/Fragment), autrement écrit avec `<>...`, vous permet d'englober plusieurs éléments JSX ensemble. +* [``](/reference/react/Fragment), autrement écrit avec `<>...`, vous permet de grouper des éléments sans balise enrobante. * [``](/reference/react/Profiler) vous permet de mesurer les performance de rendu d'un arbre React. * [``](/reference/react/Suspense) vous permet d'afficher un composant alternatif pendant que les enfants chargent. * [``](/reference/react/StrictMode) active des vérifications supplémentaires spécifiques en mode développement qui vous permettent d'anticiper des bugs. From d7b57f3289c7dc9d82276dc8aa2b6e5b4b9436e2 Mon Sep 17 00:00:00 2001 From: Bastien Dumont <32489032+bastiendmt@users.noreply.github.com> Date: Mon, 1 May 2023 21:04:06 +0200 Subject: [PATCH 3/4] Apply suggestions from code review Co-authored-by: Christophe Porteneuve --- src/content/reference/react/components.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/reference/react/components.md b/src/content/reference/react/components.md index bcf5db4cd..fc310b4e5 100644 --- a/src/content/reference/react/components.md +++ b/src/content/reference/react/components.md @@ -1,5 +1,5 @@ --- -title: "Composants React intégrés" +title: "Composants fournis par React" --- @@ -10,12 +10,12 @@ React met à disposition des composants que vous pouvez utiliser dans votre JSX. --- -## Composants intégrés {/*built-in-components*/} +## Composants fournis {/*built-in-components*/} * [``](/reference/react/Fragment), autrement écrit avec `<>...`, vous permet de grouper des éléments sans balise enrobante. -* [``](/reference/react/Profiler) vous permet de mesurer les performance de rendu d'un arbre React. +* [``](/reference/react/Profiler) vous permet de mesurer dans votre code les performances de rendu d'un arbre React. * [``](/reference/react/Suspense) vous permet d'afficher un composant alternatif pendant que les enfants chargent. -* [``](/reference/react/StrictMode) active des vérifications supplémentaires spécifiques en mode développement qui vous permettent d'anticiper des bugs. +* [``](/reference/react/StrictMode) active des vérifications supplémentaires spécifiques en mode développement qui vous permettent de repérer des bugs plus tôt. --- From 9c2d9af3de6d789fccacbee93f465a4394cdebe4 Mon Sep 17 00:00:00 2001 From: Bastien Dumont Date: Wed, 3 May 2023 09:52:31 +0200 Subject: [PATCH 4/4] apply suggestion and harmonize fragment page --- src/content/reference/react/Fragment.md | 2 +- src/content/reference/react/components.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md index 6eb6970a7..0579a3129 100644 --- a/src/content/reference/react/Fragment.md +++ b/src/content/reference/react/Fragment.md @@ -4,7 +4,7 @@ title: (<>...) -``, qu’on utilise souvent *via* la syntaxe `<>...`, vous permet de grouper des éléments sans balise enrobante. +``, qu’on peut abréger `<>...`, vous permet de grouper des éléments sans balise enrobante. ```js <> diff --git a/src/content/reference/react/components.md b/src/content/reference/react/components.md index fc310b4e5..0b414046e 100644 --- a/src/content/reference/react/components.md +++ b/src/content/reference/react/components.md @@ -12,7 +12,7 @@ React met à disposition des composants que vous pouvez utiliser dans votre JSX. ## Composants fournis {/*built-in-components*/} -* [``](/reference/react/Fragment), autrement écrit avec `<>...`, vous permet de grouper des éléments sans balise enrobante. +* [``](/reference/react/Fragment), qu’on peut abréger `<>...`, vous permet de grouper des éléments sans balise enrobante. * [``](/reference/react/Profiler) vous permet de mesurer dans votre code les performances de rendu d'un arbre React. * [``](/reference/react/Suspense) vous permet d'afficher un composant alternatif pendant que les enfants chargent. * [``](/reference/react/StrictMode) active des vérifications supplémentaires spécifiques en mode développement qui vous permettent de repérer des bugs plus tôt.