From 2ff3aa38bdfafff9c191428e2391a1704c234710 Mon Sep 17 00:00:00 2001 From: Christophe Porteneuve Date: Wed, 5 Jul 2023 11:51:57 +0200 Subject: [PATCH 1/2] copy(installation): first full translation --- src/content/learn/installation.md | 39 +++++++++++++++---------------- 1 file changed, 19 insertions(+), 20 deletions(-) diff --git a/src/content/learn/installation.md b/src/content/learn/installation.md index c5426ea94..b3e98ddb6 100644 --- a/src/content/learn/installation.md +++ b/src/content/learn/installation.md @@ -4,54 +4,53 @@ title: Installation -React has been designed from the start for gradual adoption. You can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started. +React a été conçu dès le départ pour une adoption progressive. Vous pouvez l'utiliser aussi légèrement ou largement que vous le souhaitez. Que vous souhaitiez juste goûter à React, ajouter de l'interactivité à une page HTML, ou commencer une appli complexe basée React, cette section vous aidera à démarrer. -* [How to start a new React project](/learn/start-a-new-react-project) -* [How to add React to an existing project](/learn/add-react-to-an-existing-project) -* [How to set up your editor](/learn/editor-setup) -* [How to install React Developer Tools](/learn/react-developer-tools) +* [Comment commencer un nouveau projet React](/learn/start-a-new-react-project) +* [Comment ajouter React à un projet existant](/learn/add-react-to-an-existing-project) +* [Comment configurer votre éditeur](/learn/editor-setup) +* [Comment installer les Outils de Développement React](/learn/react-developer-tools) -## Try React {/*try-react*/} +## Essayer React {/*try-react*/} -You don't need to install anything to play with React. Try editing this sandbox! +Vous n'avez pas besoin d'installer quoi que ce soit pour jouer avec React. Essayez de modifier ce bac à sable ! ```js function Greeting({ name }) { - return

Hello, {name}

; + return

Bonjour, {name}

; } export default function App() { - return + return } ``` -You can edit it directly or open it in a new tab by pressing the "Fork" button in the upper right corner. +Vous pouvez le modifier directement ou l'ouvrir dans un nouvel onglet en appuyant sur le bouton *“Fork”* dans le coin supérieur droit. -Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) +La plupart des pages de la documentation de React contiennent des bacs à sable comme celui-ci. Hors de la documentation de React, il existe de nombreux bacs à sable qui prennent en charge React, par exemple [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react) ou encore [CodePen](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb). -### Try React locally {/*try-react-locally*/} +### Essayer React sur votre machine {/*try-react-locally*/} -To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Open it in your editor and in your browser! +Pour essayer React localement sur votre ordinateur, [téléchargez cette page HTML](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html). Ouvrez-la dans votre éditeur et dans votre navigateur ! -## Start a new React project {/*start-a-new-react-project*/} +## Démarrer un nouveau projet React {/*start-a-new-react-project*/} -If you want to build an app or a website fully with React, [start a new React project.](/learn/start-a-new-react-project) +Si vous souhaitez construire une appli ou un site entièrement avec React, [créez un nouveau projet React](/learn/start-a-new-react-project). -## Add React to an existing project {/*add-react-to-an-existing-project*/} +## Ajouter React à un projet existant {/*add-react-to-an-existing-project*/} -If want to try using React in your existing app or a website, [add React to an existing project.](/learn/add-react-to-an-existing-project) +Si vous souhaitez essayer d'utiliser React dans une appli ou un site existants, [ajoutez React à un projet existant](/learn/add-react-to-an-existing-project). -## Next steps {/*next-steps*/} - -Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day. +## Et maintenant ? {/*next-steps*/} +Consultez notre guide de [démarrage rapide](/learn) pour un passage en revue des concepts les plus importants de React que vous manipulerez quotidiennement. From aea0a3812dd51ad0e14faf23eb9a90b9b73e5477 Mon Sep 17 00:00:00 2001 From: Christophe Porteneuve Date: Wed, 5 Jul 2023 11:53:32 +0200 Subject: [PATCH 2/2] copy(installation): final review pass --- src/content/learn/installation.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/learn/installation.md b/src/content/learn/installation.md index b3e98ddb6..c0146c7e9 100644 --- a/src/content/learn/installation.md +++ b/src/content/learn/installation.md @@ -13,7 +13,7 @@ React a été conçu dès le départ pour une adoption progressive. Vous pouvez * [Comment commencer un nouveau projet React](/learn/start-a-new-react-project) * [Comment ajouter React à un projet existant](/learn/add-react-to-an-existing-project) * [Comment configurer votre éditeur](/learn/editor-setup) -* [Comment installer les Outils de Développement React](/learn/react-developer-tools) +* [Comment installer les Outils de développement React](/learn/react-developer-tools) @@ -25,7 +25,7 @@ Vous n'avez pas besoin d'installer quoi que ce soit pour jouer avec React. Essa ```js function Greeting({ name }) { - return

Bonjour, {name}

; + return

Bonjour {name}

; } export default function App() {