diff --git a/.github/ISSUE_TEMPLATE/0-bug.yml b/.github/ISSUE_TEMPLATE/0-bug.yml
index 56d2e8540..4bb06d0f0 100644
--- a/.github/ISSUE_TEMPLATE/0-bug.yml
+++ b/.github/ISSUE_TEMPLATE/0-bug.yml
@@ -1,34 +1,34 @@
-name: "🐛 Report a bug"
-description: "Report a problem on the website."
+name: "🐛 Signaler un bug"
+description: "Signale un bug sur le site web."
 title: "[Bug]: "
 labels: ["bug: unconfirmed"]
 body:
   - type: textarea
     attributes:
-      label: Summary
+      label: Résumé
       description: |
-        A clear and concise summary of what the bug is.
+        Un résumé clair et concis du bug.
       placeholder: |
-        Example bug report:
-        When I click the "Submit" button on "Feedback", nothing happens.
+        Exemple de rapport de bug :
+        Lorsque je clique sur le bouton « Envoyer » des retours, rien ne se passe.
     validations:
       required: true
   - type: input
     attributes:
       label: Page
       description: |
-        What page(s) did you encounter this bug on?
+        Sur quelle page avez-vous constaté le bug ?
       placeholder: |
-        https://react.dev/
+        https://fr.react.dev/
     validations:
       required: true
   - type: textarea
     attributes:
-      label: Details
+      label: Détails
       description: |
-        Please provide any additional details about the bug.
+        Veuillez fournir tout détail complémentaire utile sur ce bug.
       placeholder: |
-        Example details:
-        The "Submit" button is unresponsive. I've tried refreshing the page and using a different browser, but the issue persists.
+        Exemples de détails :
+        Le bouton « Envoyer » ne réagit pas. J'ai tenté de rafraîchir la page et d'utiliser un autre navigateur, mais le problème persiste.
     validations:
       required: false
diff --git a/.github/ISSUE_TEMPLATE/1-typo.yml b/.github/ISSUE_TEMPLATE/1-typo.yml
index c86557a11..c376a78f5 100644
--- a/.github/ISSUE_TEMPLATE/1-typo.yml
+++ b/.github/ISSUE_TEMPLATE/1-typo.yml
@@ -1,34 +1,34 @@
-name: "🤦 Typo or mistake"
-description: "Report a typo or mistake in the docs."
+name: "🤦 Typo ou erreur"
+description: "Signale une typo ou une erreur dans les docs."
 title: "[Typo]: "
 labels: ["type: typos"]
 body:
   - type: textarea
     attributes:
-      label: Summary
+      label: Résumé
       description: |
-        A clear and concise summary of what the mistake is.
+        Un résumé clair et concis du bug.
       placeholder: |
-        Example:
-        The code example on the "useReducer" page includes an unused variable `nextId`.
+        Exemple :
+        L'exemple de code sur la page "useReducer" comporte une variable `nextId` inutilisée.
     validations:
       required: true
   - type: input
     attributes:
       label: Page
       description: |
-        What page is the typo on?
+        Sur quelle page avez-vous constaté la typo ?
       placeholder: |
-        https://react.dev/
+        https://fr.react.dev/
     validations:
       required: true
   - type: textarea
     attributes:
-      label: Details
+      label: Détails
       description: |
-        Please provide a explanation for why this is a mistake.
+        Veuillez fournir tout détail complémentaire utile pour comprendre la nature de l'erreur.
       placeholder: |
-        Example mistake:
-        In the "useReducer" section of the "API Reference" page, the code example under "Writing a reducer function" includes an unused variable `nextId` that should be removed.
+        Exemple d'erreur :
+        Dans la section « useReducer » de la page « Référence de l'API », l'exemple de code pour la partie « Écrire la fonction de réduction » comporte une variable `nextId` qui devrait être retirée.
     validations:
       required: false
diff --git a/.github/ISSUE_TEMPLATE/2-suggestion.yml b/.github/ISSUE_TEMPLATE/2-suggestion.yml
index ac0b480fe..80e141ad6 100644
--- a/.github/ISSUE_TEMPLATE/2-suggestion.yml
+++ b/.github/ISSUE_TEMPLATE/2-suggestion.yml
@@ -1,34 +1,34 @@
 name: "💡 Suggestions"
-description: "Suggest a new page, section, or edit for an existing page."
+description: "Suggère une nouvelle page, section ou mise à jour d'une page existante."
 title: "[Suggestion]: "
 labels: ["type: documentation"]
 body:
   - type: textarea
     attributes:
-      label: Summary
+      label: Résumé
       description: |
-        A clear and concise summary of what we should add.
+        Un résumé clair et concis de ce que nous devrions ajouter.
       placeholder: |
-        Example:
-        Add a new page for how to use React with TypeScript.
+        Exemple :
+        Ajouter une page décrivant l'utilisation de React avec TypeScript.
     validations:
       required: true
   - type: input
     attributes:
       label: Page
       description: |
-        What page is this about?
+        De quelle page s'agit-il ?
       placeholder: |
-        https://react.dev/
+        https://fr.react.dev/
     validations:
       required: false
   - type: textarea
     attributes:
-      label: Details
+      label: Détails
       description: |
-        Please provide a explanation for what you're suggesting.
+        Veuillez nous expliquer ce que vous suggérez.
       placeholder: |
-        Example:
-        I think it would be helpful to have a page that explains how to use React with TypeScript. This could include a basic example of a component written in TypeScript, and a link to the TypeScript documentation.
+        Exemple :
+        Je pense qu'il serait utile d'avoir une page expliquant comment utiliser React avec TypeScript. Elle pourrait inclure un exemple simple de composant écrit en TypeScript, et faire les liens adéquats vers la documentation de TypeScript.
     validations:
       required: true
diff --git a/.github/ISSUE_TEMPLATE/3-framework.yml b/.github/ISSUE_TEMPLATE/3-framework.yml
index a47295e1e..b16a38fbc 100644
--- a/.github/ISSUE_TEMPLATE/3-framework.yml
+++ b/.github/ISSUE_TEMPLATE/3-framework.yml
@@ -1,116 +1,116 @@
-name: "📄 Suggest new framework"
-description: "I am a framework author applying to be included as a recommended framework."
+name: "📄 Suggérer un nouveau framework"
+description: "Je suis l'auteur·e d'unframework et j'aimerais qu'il fasse partie des frameworks recommandés."
 title: "[Framework]: "
 labels: ["type: framework"]
 body:
   - type: markdown
     attributes:
       value: |
-        ## Apply to be included as a recommended React framework
+        ## Candidature pour l'inclusion d'un framework React recommandé
 
-        _This form is for framework authors to apply to be included as a recommended [React framework](https://react.dev/learn/start-a-new-react-project). If you are not a framework author, please contact the authors before submitting._
-        
-        Our goal when recommending a framework is to start developers with a React project that solves common problems like code splitting, data fetching, routing, and HTML generation without any extra work later. We believe this will allow users to get started quickly with React, and scale their app to production.
-        
-        While we understand that many frameworks may want to be featured, this page is not a place to advertise every possible React framework or all frameworks that you can add React to. There are many great frameworks that offer support for React that are not listed in our guides. The frameworks we recommend have invested significantly in the React ecosystem, and collaborated with the React team to be compatible with our [full-stack React architecture vision](https://react.dev/learn/start-a-new-react-project#which-features-make-up-the-react-teams-full-stack-architecture-vision).
-        
-        To be included, frameworks must meet the following criteria:
-        
-        - **Free & open-source**: must be open source and free to use.
-        - **Well maintained**. must be actively maintained, providing bug fixes and improvements.
-        - **Active community**: must have a sufficiently large and active community to support users.
-        - **Clear onboarding**: must have clear install steps to install the React version of the framework.
-        - **Ecosystem compatibility**: must support using the full range of libraries and tools in the React ecosystem.
-        - **Self-hosting option**: must support an option to self-host applications without losing access to features.
-        - **Developer experience**. must allow developers to be productive by supporting features like Fast Refresh.
-        - **User experience**. must provide built-in support for common problems like routing and data-fetching.
-        - **Compatible with our future vision for React**. React evolves over time, and frameworks that do not align with React’s direction risk isolating their users from the main React ecosystem over time. To be included on this page we must feel confident that the framework is setting its users up for success with React over time.
+        _Ce formulaire s'adresse aux auteur·es de framework qui souhaitent candidater pour qu'il fasse partie de la liste des [frameworks React](https://react.dev/learn/start-a-new-react-project) recommandés. Si vous n'êtes pas l'auteur·e du framework, contactez ses auteur·es pour leur suggérer de candidater._
+
+        Lorsque nous recommandons un framework, nous le faisons afin que les développeur·ses puissent démarrer avec un projet React qui s'occupe d'entrée de jeu de sujets récurrents tels que la découpe de code, le chargement de données, le routage et la génération du HTML, sans avoir à fournir un travail complémentaire. Nous estimons que ça permettra aux gens de démarrer plus vite avec React, et de faire monter leur application à l'échelle en production.
+
+        Même si nous comprenons bien que de nombreux frameworks aimeraient être inclus dans la liste, cette page n'est pas là pour faire la publicité de tous les frameworks React potentiels, ou de tous les frameworks auxquels React peut être intégré. Il existe de nombreux superbes frameworks capables d'intégrer React mais que nous ne listons pas dans nos guides.  Les frameworks que nous recommandons ont investi de façon significative dans l'écosystème React, et collaboré avec l'équipe React pour être compatible avec notre [vision d'une architecture React full-stack](https://fr.react.dev/learn/start-a-new-react-project#which-features-make-up-the-react-teams-full-stack-architecture-vision).
         
-        Please note, we have reviewed most of the popular frameworks available today, so it is unlikely we have not considered your framework already. But if you think we missed something, please complete the application below.
+        Pour être inclus dans la liste, un framework doit satisfaire les critères suivants :
+
+        - **Open-source et gratuit** : il doit être en logiciel libre et son utilisation gratuite.
+        - **Bonne maintenance** : il doit être activement maintenu, avec correctifs et améliorations.
+        - **Communauté active** : il doit disposer d'une communauté suffisamment large et vivante pour aider ses utilisateurs.
+        - **Adoption facile** : il doit disposer d'étapes claires pour l'installation de la version React du framework.
+        - **Compatible avec l'écosystème** : il doit prendre en charge l'ensemble des bibliothèques et outils de l'écosystème React.
+        - **Auto-hébergement possible** : il doit permettre l'auto-hébergement d'applications sans que cela en limite les fonctionnalités.
+        - **Expérience de développement (DX)** : il doit permettre aux développeur·ses d'être productif·ves grâce à des fonctionnalités telles que _Fast Refresh_.
+        - **Expérience utilisateur (UX)** : il doit fournir des solutions intégrées aux problématiques usuelles telles que le routage et le chargement de données.
+        - **Compatible avec notre vision de l'avenir de React**. React évolue avec le temps, et les frameworks qui ne s'alignent pas avec la direction que prend React risquent au fil du temps d'isoler leurs utilisateurs de l'écosystème React principal.  Pour vous inclure sur cette page, nous devons être confiants dans la capacité du framework à placer ses utilisateurs durablement sur le chemin du succès avec React.
+
+        Notez bien que nous avons déjà passé en revue la plupart des frameworks populaires disponibles pour le moment, il est donc peu probable que nous n'ayons pas encore examiné votre framework. Mais si vous pensez que nous avons loupé quelque chose, veuillez remplir le formulaire ci-dessous.
   - type: input
     attributes:
-      label: Name
+      label: Nom
       description: |
-        What is the name of your framework?
+        Quel est le nom de votre framework ?
     validations:
       required: true
   - type: input
     attributes:
-      label: Homepage
+      label: Page d'accueil
       description: |
-        What is the URL of your homepage?
+        Quelle est l'URL de votre page d'accueil ?
     validations:
       required: true
   - type: input
     attributes:
-      label: Install instructions
+      label: Instructions d'installation
       description: |
-        What is the URL of your getting started guide?
+        Quelle est l'URL de votre guide de démarrage ?
     validations:
       required: true
   - type: dropdown
     attributes:
-      label: Is your framework open source?
+      label: Votre framework est-il open source ?
       description: |
-        We only recommend free and open source frameworks.
+        Nous ne recommandons que les frameworks open source et gratuits.
       options:
-        - 'No'
-        - 'Yes'
+        - 'Non'
+        - 'Oui'
     validations:
       required: true
   - type: textarea
     attributes:
-      label: Well maintained
+      label: Maintenance active
       description: |
-        Please describe how your framework is actively maintained. Include recent releases, bug fixes, and improvements as examples.
+        Veuillez décrire (en anglais) en quoi votre framework est activement maintenu.  Fournissez des exemples récents de versions publiées, correctifs et améliorations.
     validations:
       required: true
   - type: textarea
     attributes:
-      label: Active community
+      label: Communauté active
       description: |
-        Please describe your community. Include the size of your community, and links to community resources.
+        Veuillez décrire (en anglais) votre communauté.  Indiquez-en la taille et fournissez des liens sur les ressoures communautaires.
     validations:
       required: true
   - type: textarea
     attributes:
-      label: Clear onboarding
+      label: Adoption facile
       description: |
-        Please describe how a user can install your framework with React. Include links to any relevant documentation.
+        Veuillez décrire (en anglais) comment une personne peut installer votre framework avec React.  Fournissez les liens adéquats vers votre documentation.
     validations:
       required: true
   - type: textarea
     attributes:
-      label: Ecosystem compatibility
+      label: Compatibilité avec l'écosystème
       description: |
-        Please describe any limitations your framework has with the React ecosystem. Include any libraries or tools that are not compatible with your framework.
+        Veuillez décrire (en anglais) toute limite connue que votre framework aurait vis-à-vis de l'écosystème React. Indiquez toute bibliothèque ou tout outil dont vous savez qu'il n'est pas compatible avec votre framework.
     validations:
       required: true
   - type: textarea
     attributes:
-      label: Self-hosting option
+      label: Auto-hébergement
       description: |
-        Please describe how your framework supports self-hosting. Include any limitations to features when self-hosting. Also include whether you require a server to deploy your framework.
+        Veuillez décrire (en anglais) en quoi votre framework permet l'auto-hébergement.  Indiquez toute limitation connue de fonctionnalités dans le cadre de l'auto-hébergement.  Indiquez aussi s'il faut un serveur pour déployer votre framework.
     validations:
       required: true
   - type: textarea
     attributes:
-      label: Developer Experience
+      label: Expérience de développement (DX)
       description: |
-        Please describe how your framework provides a great developer experience. Include any limitations to React features like React DevTools, Chrome DevTools, and Fast Refresh.
+        Veuillez décrire (en anglais) en quoi votre framework permet une super expérience de développeemnt. Indiquez toute limite connue aux fonctionnalités telles que les outils de développement React, ceux de Chrome ou encore le Fast Refresh.
     validations:
       required: true
   - type: textarea
     attributes:
-      label: User Experience
+      label: Expérience utilisateur (UX)
       description: |
-        Please describe how your framework helps developers create high quality user experiences by solving common use-cases. Include specifics for how your framework offers built-in support for code-splitting, routing, HTML generation, and data-fetching in a way that avoids client/server waterfalls by default. Include details on how you offer features such as SSG and SSR.
+        Veuillez décrire (en anglais) en quoi votre framework aide les gens à créer une expérience utilisateur de grande qualité, en s'occupant directement des problématiques courantes.  Indiquez par exemple en quoi vous gérez nativement la découpe de code, le routage, la génération de HTML ou le chargement de données d'une façon qui évite par défaut les cascades de requêtes client/serveur.  Détaillez la façon dont vous permettez des approches telles que SSG ou SSR.
     validations:
       required: true
   - type: textarea
     attributes:
-      label: Compatible with our future vision for React
+      label: Compatible avec notre vision de l'avenir de React
       description: |
-        Please describe how your framework aligns with our future vision for React. Include how your framework will evolve with React over time, and your plans to support future React features like React Server Components.
+        Veuillez décrire (en anglais) en quoi votre framework est aligné avec notre vision de l'avenir de React. Indiquez comment votre framework évoluera avec React, et quels sont vos plans pour prendre en charge les fonctionnalités à venir de React telles que les React Server Components.
     validations:
       required: true
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index 63e310e0b..b8d428c56 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -1,7 +1,7 @@
 contact_links:
-  - name: 📃 Bugs in React
+  - name: 📃 Bugs dans React
     url: https://github.com/facebook/react/issues/new/choose
-    about: This issue tracker is not for bugs in React. Please file React issues here.
-  - name: 🤔 Questions and Help
-    url: https://reactjs.org/community/support.html
-    about: This issue tracker is not for support questions. Please refer to the React community's help and discussion forums.
+    about: Ce suivi de tickets ne sert pas aux bugs dans React. Déposez vos tickets React plutôt là-bas.
+  - name: 🤔 Questions et Aide
+    url: https://react.dev/community
+    about: Ce suivi de tickets ne sert pas au support technique.  Consultez plutôt l'aide communautaire de React et les forums de discussion.
diff --git a/src/components/MDX/Sandpack/Preview.tsx b/src/components/MDX/Sandpack/Preview.tsx
index 9669e5f4f..94fb50e90 100644
--- a/src/components/MDX/Sandpack/Preview.tsx
+++ b/src/components/MDX/Sandpack/Preview.tsx
@@ -188,7 +188,7 @@ export function Preview({
                 ? 'absolute opacity-0 pointer-events-none duration-75'
                 : 'opacity-100 duration-150'
             )}
-            title="Sandbox Preview"
+            title="Prévisualisation de la sandbox"
             style={{
               height: iframeComputedHeight || '15px',
               zIndex: isExpanded ? 'initial' : -1,
diff --git a/src/components/MDX/SandpackWithHTMLOutput.tsx b/src/components/MDX/SandpackWithHTMLOutput.tsx
index 134da6589..971610a9c 100644
--- a/src/components/MDX/SandpackWithHTMLOutput.tsx
+++ b/src/components/MDX/SandpackWithHTMLOutput.tsx
@@ -15,7 +15,7 @@ export default function ShowRenderedHTML({children}) {
   );
   return (
     <>
-      <h1>Rendered HTML:</h1>
+      <h1>HTML produit :</h1>
       <pre>
         {formatHTML(markup)}
       </pre>
@@ -27,9 +27,9 @@ const formatHTML = `
 import format from 'html-format';
 
 export default function formatHTML(markup) {
-  // Cheap tricks to format the HTML readably -- haven't been able to
-  // find a package that runs in browser and prettifies the HTML if it
-  // lacks line-breaks.
+  // Bidouilles pour formatter lisiblement le HTML -- je n'ai pas
+  // réussi à trouver un module tournant côté navigateur qui nettoie
+  // le HTML s'il n'a pas de retours-chariot.
   return format(markup
     .replace('<html>', '<html>\\n')
     .replace('<head>', '<head>\\n')
diff --git a/src/content/community/conferences.md b/src/content/community/conferences.md
index 65c52a238..fff712fb2 100644
--- a/src/content/community/conferences.md
+++ b/src/content/community/conferences.md
@@ -10,27 +10,11 @@ Vous connaissez une conférence React.js locale ? Ajoutez-la ! (Merci de conse
 
 ## Conférences à venir {/*upcoming-conferences*/}
 
-<<<<<<< HEAD
-### React Summit 2024 {/*react-summit-2024*/}
-June 14 & 18, 2024. In-person in Amsterdam, Netherlands + remote (hybrid event)
-
-[Site web](https://reactsummit.com/) - [Twitter](https://twitter.com/reactsummit) - [Vidéos](https://portal.gitnation.org/)
-
-=======
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
 ### React Paris 2024 {/*react-paris-2024*/}
 March 22, 2024. In-person in Paris, France + Remote (hybrid)
 
 [Site web](https://react.paris/) - [Twitter](https://twitter.com/BeJS_) - [LinkedIn](https://www.linkedin.com/events/7150816372074192900/comments/)
 
-<<<<<<< HEAD
-### React Miami 2024 {/*react-miami-2024*/}
-April 19 - 20, 2024. In-person in Miami, FL, USA
-
-[Site web](https://reactmiami.com/) - [Twitter](https://twitter.com/ReactMiamiConf)
-
-=======
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
 ### Epic Web Conf 2024 {/*epic-web-2024*/}
 April 10 - 11, 2024. In-person in Park City, UT, USA
 
@@ -39,23 +23,18 @@ April 10 - 11, 2024. In-person in Park City, UT, USA
 ### React Miami 2024 {/*react-miami-2024*/}
 April 19 - 20, 2024. In-person in Miami, FL, USA
 
-[Website](https://reactmiami.com/) - [Twitter](https://twitter.com/ReactMiamiConf)
+[Site web](https://reactmiami.com/) - [Twitter](https://twitter.com/ReactMiamiConf)
 
 ### React Conf 2024 {/*react-conf-2024*/}
 May 15 - 16, 2024. In-person in Henderson, NV, USA + remote
 
-[Website](https://conf.react.dev) - [Twitter](https://twitter.com/reactjs)
+[Site web](https://conf.react.dev) - [Twitter](https://twitter.com/reactjs)
 
 ### App.js Conf 2024 {/*appjs-conf-2024*/}
 May 22 - 24, 2024. In-person in Kraków, Poland + remote
 
 [Site web](https://appjs.co) - [Twitter](https://twitter.com/appjsconf)
 
-### React Summit 2024 {/*react-summit-2024*/}
-June 14 & 18, 2024. In-person in Amsterdam, Netherlands + remote (hybrid event)
-
-[Website](https://reactsummit.com/) - [Twitter](https://twitter.com/reactsummit) - [Videos](https://portal.gitnation.org/)
-
 ### Render(ATL) 2024 🍑 {/*renderatl-2024-*/}
 June 12 - June 14, 2024. Atlanta, GA, USA
 
@@ -64,7 +43,12 @@ June 12 - June 14, 2024. Atlanta, GA, USA
 ### React Norway 2024 {/*react-norway-2024*/}
 June 14, 2024. In-person at Farris Bad Hotel in Larvik, Norway and online (hybrid event).
 
-[Website](https://reactnorway.com/) - [Twitter](https://twitter.com/ReactNorway)
+[Site web](https://reactnorway.com/) - [Twitter](https://twitter.com/ReactNorway)
+
+### React Summit 2024 {/*react-summit-2024*/}
+June 14 & 18, 2024. In-person in Amsterdam, Netherlands + remote (hybrid event)
+
+[Site web](https://reactsummit.com/) - [Twitter](https://twitter.com/reactsummit) - [Vidéos](https://portal.gitnation.org/)
 
 ### React Nexus 2024 {/*react-nexus-2024*/}
 July 04 & 05, 2024. Bangalore, India (In-person event)
diff --git a/src/content/learn/start-a-new-react-project.md b/src/content/learn/start-a-new-react-project.md
index 8df27d63c..dfc2518e9 100644
--- a/src/content/learn/start-a-new-react-project.md
+++ b/src/content/learn/start-a-new-react-project.md
@@ -4,52 +4,40 @@ title: Créer un nouveau projet React
 
 <Intro>
 
-<<<<<<< HEAD
-Si vous voulez créer une nouvelle appli ou un nouveau site web avec React, nous recommandons de choisir un des frameworks React populaires auprès de la communauté. Les frameworks offrent des fonctionnalités dont la plupart des applis et sites ont besoin, notamment la gestion des routes, le chargement de données et la génération du code HTML.
-=======
-If you want to build a new app or a new website fully with React, we recommend picking one of the React-powered frameworks popular in the community.
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
+Si vous voulez créer une nouvelle appli ou un nouveau site web avec React, nous recommandons de choisir un des frameworks React populaires auprès de la communauté.
 
 </Intro>
 
+Vous pouvez utiliser React sans framework, ceci dit nous avons constaté que la grande majorité des applis et site finissent par implémenter des solutions à des problématiques courantes telles que la découpe de code, le routage, le chargement de données ou la génération de HTML. Ces problématiques se retrouvent dans toutes les bibliothèques d'interface utilisateur, pas seulement dans React.
 
-<<<<<<< HEAD
-**Vous aurez besoin d'installer [Node.js](https://nodejs.org/fr/) pour le développement local.** Vous pouvez *aussi* choisir d'utiliser Node.js en production, mais rien ne vous y oblige. Plusieurs frameworks React permettent une exportation vers un dossier HTML/CSS/JS statique.
-=======
-You can use React without a framework, however we’ve found that most apps and sites eventually build solutions to common problems such as code-splitting, routing, data fetching, and generating HTML. These problems are common to all UI libraries, not just React.
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
-
-By starting with a framework, you can get started with React quickly, and avoid essentially building your own framework later.
+En commençant avec un framework, vous pouvez démarrer plus vite avec React et vous épargner ce qui revient à construire votre propre framework par la suite.
 
 <DeepDive>
 
-#### Can I use React without a framework? {/*can-i-use-react-without-a-framework*/}
+#### Puis-je utiliser React sans framework ? {/*can-i-use-react-without-a-framework*/}
+
+Vous pouvez tout à fait utiliser React sans framework ; c’est d'ailleurs ainsi qu'on [utilise React pour une partie de votre page](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page). **Cependant, si vous créez une nouvelle appli ou un site entièrement avec React, nous recommandons l’utilisation d’un framework.**
 
-You can definitely use React without a framework--that's how you'd [use React for a part of your page.](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) **However, if you're building a new app or a site fully with React, we recommend using a framework.**
+En voici les raisons.
 
-Here's why.
+Même si, au départ, vous n’avez pas besoin d’un gestionnaire de routes ou de charger des données, vous finirez sans doute par ajouter des bibliothèques pour ça. Au fur et à mesure que votre bundle JavaScript grandit avec chaque nouvelle fonctionnalité, vous devrez peut-être trouver un moyen de découper le code pour chaque route individuellement. Lorsque vos besoins en matière de chargement de données se complexifieront, vous risquez de rencontrer des cascades de chargements réseau client-serveur qui ralentiront considérablement votre appli. Lorsque votre public comprendra davantage d’utilisateurs avec de faibles bandes passantes et des appareils bas de gamme, vous aurez probablement besoin de générer du HTML à partir de vos composants pour afficher le contenu plus tôt (soit sur le serveur, soit en amont lors du *build*). Modifier votre configuration pour exécuter une partie de votre code sur le serveur ou au *build peut s'avérer très délicat.
 
-Even if you don't need routing or data fetching at first, you'll likely want to add some libraries for them. As your JavaScript bundle grows with every new feature, you might have to figure out how to split code for every route individually. As your data fetching needs get more complex, you are likely to encounter server-client network waterfalls that make your app feel very slow. As your audience includes more users with poor network conditions and low-end devices, you might need to generate HTML from your components to display content early--either on the server, or during the build time. Changing your setup to run some of your code on the server or during the build can be very tricky.
+**Ces problèmes ne sont pas spécifiques à React. C’est pourquoi Svelte a SvelteKit, Vue a Nuxt, etc**. Pour résoudre ces problèmes par vous-même, il vous faudrait intégrer votre *bundler* à votre gestionnaire de routes et à votre bibliothèque de chargement de données. Il n’est pas difficile d'obtenir un premier jet, mais la création d’une appli qui se charge rapidement même lorsqu'elle grandit fortement au fil du temps, c'est une affaire pleine de subtilités. Vous voudrez envoyer le minimum de code applicatif, mais en un seul aller-retour client-serveur, en parallèle avec toutes les données requises pour la page. Vous souhaiterez probablement que la page soit interactive avant même que votre code JavaScript ne soit exécuté, afin de prendre en charge l’amélioration progressive. Vous souhaiterez peut-être générer un dossier de fichiers HTML entièrement statiques pour vos pages de marketing, qui pourront être hébergés n’importe où et fonctionneront même avec JavaScript désactivé. La mise en place de ces possibilités demande énormément de travail.
 
-**These problems are not React-specific. This is why Svelte has SvelteKit, Vue has Nuxt, and so on.** To solve these problems on your own, you'll need to integrate your bundler with your router and with your data fetching library. It's not hard to get an initial setup working, but there are a lot of subtleties involved in making an app that loads quickly even as it grows over time. You'll want to send down the minimal amount of app code but do so in a single client–server roundtrip, in parallel with any data required for the page. You'll likely want the page to be interactive before your JavaScript code even runs, to support progressive enhancement. You may want to generate a folder of fully static HTML files for your marketing pages that can be hosted anywhere and still work with JavaScript disabled. Building these capabilities yourself takes real work.
+**Les frameworks React présentés sur cette page résolvent les problèmes de ce type par défaut, sans travail supplémentaire de votre part.** Ils vous permettent de commencer de manière très légère et de faire évoluer votre appli en fonction de vos besoins. Chaque framework React dispose d’une communauté, ce qui facilite la recherche de réponses aux questions et la mise à jour des outils. Les frameworks donnent également une structure à votre code, ce qui vous aide, vous et les autres, à conserver le contexte et vos compétences d'un projet à l'autre. Inversement, avec votre propre système, il est plus facile de rester bloqués sur des dépendances obsolètes, et vous finirez essentiellement par créer votre propre framework--mais un framework sans communauté ni processus de mise à niveau (et s’il ressemble à ceux que nous avons construits par le passé, il est conçu de manière plus aléatoire).
 
-**React frameworks on this page solve problems like these by default, with no extra work from your side.** They let you start very lean and then scale your app with your needs. Each React framework has a community, so finding answers to questions and upgrading tooling is easier. Frameworks also give structure to your code, helping you and others retain context and skills between different projects. Conversely, with a custom setup it's easier to get stuck on unsupported dependency versions, and you'll essentially end up creating your own framework—albeit one with no community or upgrade path (and if it's anything like the ones we've made in the past, more haphazardly designed).
 
-If your app has unusual constraints not served well by these frameworks, or you prefer to solve these problems yourself, you can roll your own custom setup with React. Grab `react` and `react-dom` from npm, set up your custom build process with a bundler like [Vite](https://vitejs.dev/) or [Parcel](https://parceljs.org/), and add other tools as you need them for routing, static generation or server-side rendering, and more.
+Si votre appli a des contraintes inhabituelles qui ne sont pas bien traitées par ces frameworks, ou si vous préférer répondre à ces problématiques vous-mêmes, vous pouvez mettre en place votre propre configuration personnalisée autour de React. Prenez `react` et `react-dom` sur npm, mettez en place votre processus de *build* sur-mesure avec un bundler comme [Vite](https://vitejs.dev/) ou [Parcel](https://parceljs.org/), et ajoutez d’autres outils lorsque vous en aurez besoin pour la gestion des routes, l’exportation statique ou le rendu côté serveur, et plus encore.
 
 </DeepDive>
 
 ## Frameworks React de qualité reconnue {/*production-grade-react-frameworks*/}
 
-These frameworks support all the features you need to deploy and scale your app in production and are working towards supporting our [full-stack architecture vision](#which-features-make-up-the-react-teams-full-stack-architecture-vision). All of the frameworks we recommend are open source with active communities for support, and can be deployed to your own server or a hosting provider. If you’re a framework author interested in being included on this list, [please let us know](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+).
+Ces frameworks prennent en charge toutes les fonctionnalités dont vous aurez besoin pour déployer et faire monter à l'échelle votre application en production, tout en travaillant à s'aligner sur notre [vision d'une architecture full-stack](#which-features-make-up-the-react-teams-full-stack-architecture-vision). Tous les frameworks que nous recommandons sont _open source_, on des communautés actives pour vous aider, et peuvent être déployées sur votre propre serveur ou chez un hébergeur.  Si vous êtes l'auteur·e d'un framework qui voudrait faire partie de cette liste[faites-nous signe](https://github.com/reactjs/fr.react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+).
 
-<<<<<<< HEAD
-**[Next.js](https://nextjs.org/) est un framework React full-stack**. Il est flexible et vous permet de créer des applis React de toute taille--d’un blog essentiellement statique à une appli complexe et dynamique. Pour créer un nouveau projet avec Next.js, exécutez cette commande dans votre terminal :
-=======
 ### Next.js {/*nextjs-pages-router*/}
 
-**[Next.js' Pages Router](https://nextjs.org/) is a full-stack React framework.** It's versatile and lets you create React apps of any size--from a mostly static blog to a complex dynamic application. To create a new Next.js project, run in your terminal:
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
+**[Next.js (Pages Router)](https://nextjs.org/) est un framework React full-stack**. Il est flexible et vous permet de créer des applis React de toute taille--d’un blog essentiellement statique à une appli complexe et dynamique. Pour créer un nouveau projet avec Next.js, exécutez cette commande dans votre terminal :
 
 <TerminalBlock>
 npx create-next-app@latest
@@ -95,28 +83,7 @@ Si Expo est nouveau pour vous, consultez le [tutoriel d’Expo](https://docs.exp
 
 Expo est maintenu par [Expo (la société)](https://expo.dev/about). Construire des applis avec Expo est gratuit, et vous pouvez les publier sur les plateformes Google Play et Apple Store sans restrictions. Expo propose des services cloud optionnels payants.
 
-<<<<<<< HEAD
-<DeepDive>
-
-#### Puis-je utiliser React sans framework ? {/*can-i-use-react-without-a-framework*/}
-
-Vous pouvez tout à fait utiliser React sans framework ; c’est d'ailleurs ainsi qu'on [utilise React pour une partie de votre page](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page). **Cependant, si vous créez une nouvelle appli ou un site entièrement avec React, nous recommandons l’utilisation d’un framework.**
-
-En voici les raisons.
-
-Même si, au départ, vous n’avez pas besoin d’un gestionnaire de routes ou de charger des données, vous finirez sans doute par ajouter des bibliothèques pour ça. Au fur et à mesure que votre bundle JavaScript grandit avec chaque nouvelle fonctionnalité, vous devrez peut-être trouver un moyen de découper le code pour chaque route individuellement. Lorsque vos besoins en matière de chargement de données se complexifieront, vous risquez de rencontrer des cascades de chargements réseau client-serveur qui ralentiront considérablement votre appli. Lorsque votre public comprendra davantage d’utilisateurs avec de faibles bandes passantes et des appareils bas de gamme, vous aurez probablement besoin de générer du HTML à partir de vos composants pour afficher le contenu plus tôt (soit sur le serveur, soit en amont lors du *build*). Modifier votre configuration pour exécuter une partie de votre code sur le serveur ou au *build peut s'avérer très délicat.
-
-**Ces problèmes ne sont pas spécifiques à React. C’est pourquoi Svelte a SvelteKit, Vue a Nuxt, etc**. Pour résoudre ces problèmes par vous-même, il vous faudrait intégrer votre *bundler* à votre gestionnaire de routes et à votre bibliothèque de chargement de données. Il n’est pas difficile d'obtenir un premier jet, mais la création d’une appli qui se charge rapidement même lorsqu'elle grandit fortement au fil du temps, c'est une affaire pleine de subtilités. Vous voudrez envoyer le minimum de code applicatif, mais en un seul aller-retour client-serveur, en parallèle avec toutes les données requises pour la page. Vous souhaiterez probablement que la page soit interactive avant même que votre code JavaScript ne soit exécuté, afin de prendre en charge l’amélioration progressive. Vous souhaiterez peut-être générer un dossier de fichiers HTML entièrement statiques pour vos pages de marketing, qui pourront être hébergés n’importe où et fonctionneront même avec JavaScript désactivé. La mise en place de ces possibilités demande énormément de travail.
-
-**Les frameworks React présentés sur cette page résolvent les problèmes de ce type par défaut, sans travail supplémentaire de votre part.** Ils vous permettent de commencer de manière très légère et de faire évoluer votre appli en fonction de vos besoins. Chaque framework React dispose d’une communauté, ce qui facilite la recherche de réponses aux questions et la mise à jour des outils. Les frameworks donnent également une structure à votre code, ce qui vous aide, vous et les autres, à conserver le contexte et vos compétences d'un projet à l'autre. Inversement, avec votre propre système, il est plus facile de rester bloqués sur des dépendances obsolètes, et vous finirez essentiellement par créer votre propre framework--mais un framework sans communauté ni processus de mise à niveau (et s’il ressemble à ceux que nous avons construits par le passé, il est conçu de manière plus aléatoire).
-
-Si vous n’êtes toujours pas convaincu·e, ou si votre appli a des contraintes inhabituelles qui ne sont pas bien traitées par ces frameworks et que vous souhaitez mettre en place votre propre configuration personnalisée, nous ne pouvons pas vous arrêter : allez-y ! Prenez `react` et `react-dom` sur npm, mettez en place votre processus de *build* sur-mesure avec un bundler comme [Vite](https://vitejs.dev/) ou [Parcel](https://parceljs.org/), et ajoutez d’autres outils lorsque vous en aurez besoin pour la gestion des routes, l’exportation statique ou le rendu côté serveur, et plus encore.
-</DeepDive>
-
 ## Frameworks React expérimentaux {/*bleeding-edge-react-frameworks*/}
-=======
-## Bleeding-edge React frameworks {/*bleeding-edge-react-frameworks*/}
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
 
 Alors que nous cherchions comment continuer à améliorer React, nous avons réalisé que l’intégration plus étroite de React avec les frameworks (en particulier avec la gestion de routes, le *bundling* et les traitements côté serveur) constitue notre plus grande opportunité d’aider les utilisateurs de React à construire de meilleures applis. L’équipe Next.js a accepté de collaborer avec nous sur la recherche, le développement, l’intégration et les tests de fonctionnalités React de pointe, indépendantes toutefois d'un framework spécifique, comme les [Composants Serveur React](/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components).
 
diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md
index f56e4c2ba..183a649a4 100644
--- a/src/content/learn/tutorial-tic-tac-toe.md
+++ b/src/content/learn/tutorial-tic-tac-toe.md
@@ -265,19 +265,11 @@ body {
 
 Vous pouvez aussi suivre ce tutoriel dans votre environnement de développement local.  Pour cela, suivez ces étapes :
 
-<<<<<<< HEAD
 1. Installez [Node.js](https://nodejs.org/fr/)
-2. Dans l'onglet CodeSandbox ouvert plus tôt, appuyez sur le bouton en haut à gauche pour ouvrir le menu, puis choisissez **File › Export to ZIP** dans ce menu pour télécharger localement une archive des fichiers du projet
+2. Dans l'onglet CodeSandbox ouvert plus tôt, appuyez sur le bouton en haut à gauche pour ouvrir le menu, puis choisissez **Télécharger la sandbox** dans ce menu pour télécharger localement une archive des fichiers du projet
 3. Décompressez le fichier d'archive puis ouvrez un terminal et faites un `cd` dans le dossier que vous venez de décompresser
 4. Installez les dépendances avec `npm install`
 5. Lancer `npm start` pour démarrer un serveur local et suivez les invites affichées pour voir le code s'exécuter dans le navigateur.
-=======
-1. Install [Node.js](https://nodejs.org/en/)
-1. In the CodeSandbox tab you opened earlier, press the top-left corner button to open the menu, and then choose **Download Sandbox** in that menu to download an archive of the files locally
-1. Unzip the archive, then open a terminal and `cd` to the directory you unzipped
-1. Install the dependencies with `npm install`
-1. Run `npm start` to start a local server and follow the prompts to view the code running in a browser
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
 
 Si vous êtes bloqué·e, ne vous laissez pas décourager ! Suivez ce tutoriel en ligne et retentez une mise en place locale plus tard.
 
diff --git a/src/content/reference/react-dom/components/index.md b/src/content/reference/react-dom/components/index.md
index f1c810f1e..dd0a767a8 100644
--- a/src/content/reference/react-dom/components/index.md
+++ b/src/content/reference/react-dom/components/index.md
@@ -32,12 +32,9 @@ React leur réserve un traitement particulier parce que leur passer la prop `val
 
 ---
 
-<<<<<<< HEAD
-## Tous les composants HTML {/*all-html-components*/}
-=======
-## Resource and Metadata Components {/*resource-and-metadata-components*/}
+## Composants de ressources et métadonnées {/*resource-and-metadata-components*/}
 
-These bulit-in browser components let you load external resources or annotate the document with metadata:
+Ces composants natifs du navigateur vous permettent de charger des ressources externes ou d'annoter le document avec des métadonnées :
 
 * [`<link>`](/reference/react-dom/components/link)
 * [`<meta>`](/reference/react-dom/components/meta)
@@ -45,12 +42,11 @@ These bulit-in browser components let you load external resources or annotate th
 * [`<style>`](/reference/react-dom/components/style)
 * [`<title>`](/reference/react-dom/components/title)
 
-They are special in React because React can render them into the document head, suspend while resources are loading, and enact other behaviors that are described on the reference page for each specific component.
+Ils font l'objet d'un traitement particulier par React car celui-ci va les restituer directement dans l'en-tête du document, suspendre pendant le chargement des ressources, puis exécuter les autres comportements décrits dans les pages de référence pour chacun de ces composants.
 
 ---
 
-## All HTML components {/*all-html-components*/}
->>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
+## Tous les composants HTML {/*all-html-components*/}
 
 React prend en charge tous les composants HTML natifs du navigateur, ce qui inclut :
 
diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md
index 3f9da712e..85b91339c 100644
--- a/src/content/reference/react-dom/index.md
+++ b/src/content/reference/react-dom/index.md
@@ -17,18 +17,18 @@ Ces API peuvent être importées depuis vos composants.  On les utilise rarement
 * [`createPortal`](/reference/react-dom/createPortal) vous permet d'afficher des composants enfants dans une autre partie de l'arbre du DOM.
 * [`flushSync`](/reference/react-dom/flushSync) vous permet de forcer React à traiter les mises à jour d'état en attente, puis à mettre à jour le DOM de façon synchrone.
 
-## Resource Preloading APIs {/*resource-preloading-apis*/}
+## API de préchargement de ressources {/*resource-preloading-apis*/}
 
-These APIs can be used to make apps faster by pre-loading resources such as scripts, stylesheets, and fonts as soon as you know you need them, for example before navigating to another page where the resources will be used.
+Ces API peuvent être utilisées pour accélérer vos applis en préchargeant des ressources telles que les scripts, feuilles de style et fontes dès que vous savez que vous en aurez besoin, par exemple avant de naviguer sur une autre page qui utilisera ces ressources.
 
-[React-based frameworks](/learn/start-a-new-react-project) frequently handle resource loading for you, so you might not have to call these APIs yourself. Consult your framework's documentation for details.
+[Les frameworks basés sur React](/learn/start-a-new-react-project) s'occupent fréquemment pour vous du chargement des ressources, de sorte que vous n'aurez peut-être pas besoin d'appeler ces API vous-même.  Consultez la documentation de votre framework pour en savoir plus à ce sujet.
 
-* [`prefetchDNS`](/reference/react-dom/prefetchDNS) lets you prefetch the IP address of a DNS domain name that you expect to connect to.
-* [`preconnect`](/reference/react-dom/preconnect) lets you connect to a server you expect to request resources from, even if you don't know what resources you'll need yet.
-* [`preload`](/reference/react-dom/preload) lets you fetch a stylesheet, font, image, or external script that you expect to use.
-* [`preloadModule`](/reference/react-dom/preloadModule) lets you fetch an ESM module that you expect to use.
-* [`preinit`](/reference/react-dom/preinit) lets you fetch and evaluate an external script or fetch and insert a stylesheet.
-* [`preinitModule`](/reference/react-dom/preinitModule) lets you fetch and evaluate an ESM module.
+* [`prefetchDNS`](/reference/react-dom/prefetchDNS) vous permet de précharger l'adresse IP d'un nom de domaine DNS auquel vous anticipez une connexion.
+* [`preconnect`](/reference/react-dom/preconnect) vous permet de vous connecter à un serveur en vue d'y charger des ressources par la suite, même si vous ne savez pas encore exactement lesquelles.
+* [`preload`](/reference/react-dom/preload) vous permet de charger une feuille de styles, une fonte, une image ou un script externe dont vous anticipez l'utilisation.
+* [`preloadModule`](/reference/react-dom/preloadModule) vous permet de charger un module ESM en vue de son utilisation imminente.
+* [`preinit`](/reference/react-dom/preinit) vous permet de charger et d'évaluer un script tiers ou de charger et insérer une feuille de style.
+* [`preinitModule`](/reference/react-dom/preinitModule) vous permet de charget et évaluer un module ESM.
 
 ---
 
diff --git a/src/sidebarReference.json b/src/sidebarReference.json
index d157db574..ac6713800 100644
--- a/src/sidebarReference.json
+++ b/src/sidebarReference.json
@@ -203,22 +203,6 @@
           "title": "<input>",
           "path": "/reference/react-dom/components/input"
         },
-        {
-          "title": "<option>",
-          "path": "/reference/react-dom/components/option"
-        },
-        {
-          "title": "<progress>",
-          "path": "/reference/react-dom/components/progress"
-        },
-        {
-          "title": "<select>",
-          "path": "/reference/react-dom/components/select"
-        },
-        {
-          "title": "<textarea>",
-          "path": "/reference/react-dom/components/textarea"
-        },
         {
           "title": "<link>",
           "path": "/reference/react-dom/components/link",
@@ -229,16 +213,32 @@
           "path": "/reference/react-dom/components/meta",
           "canary": true
         },
+        {
+          "title": "<option>",
+          "path": "/reference/react-dom/components/option"
+        },
+        {
+          "title": "<progress>",
+          "path": "/reference/react-dom/components/progress"
+        },
         {
           "title": "<script>",
           "path": "/reference/react-dom/components/script",
           "canary": true
         },
+        {
+          "title": "<select>",
+          "path": "/reference/react-dom/components/select"
+        },
         {
           "title": "<style>",
           "path": "/reference/react-dom/components/style",
           "canary": true
         },
+        {
+          "title": "<textarea>",
+          "path": "/reference/react-dom/components/textarea"
+        },
         {
           "title": "<title>",
           "path": "/reference/react-dom/components/title",