Resolve merge conflicts

alinkedd · alinkedd · commit bc085d56edde · 2025-11-30T17:48:16.000+01:00
diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js
@@ -273,13 +273,8 @@ export function HomeContent() {
               <CTA
                 color="gray"
                 icon="framework"
-<<<<<<< HEAD
-                href="/learn/start-a-new-react-project">
-                Розпочати з фреймворком
-=======
                 href="/learn/creating-a-react-app">
-                Get started with a framework
->>>>>>> 2534424ec6c433cc2c811d5a0bd5a65b75efa5f0
+                Розпочати з фреймворком
               </CTA>
             </div>
           </Center>
diff --git a/src/content/learn/add-react-to-an-existing-project.md b/src/content/learn/add-react-to-an-existing-project.md
@@ -20,15 +20,9 @@ title: Інтеграція React у наявний проєкт
 
 Ось як ми рекомендуємо це налаштувати:
 
-<<<<<<< HEAD
-1. **Побудуйте React-частину вашого застосунку**, використовуючи один із [фреймворків на основі React](/learn/start-a-new-react-project).
+1. **Побудуйте React-частину вашого застосунку**, використовуючи один із [фреймворків на основі React](/learn/creating-a-react-app).
 2. **Позначте `/some-app` як *базовий шлях*** у конфігурації вашого фреймворку (ось як: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
 3. **Налаштуйте свій сервер або проксі**, щоб всі запити під шляхом `/some-app/` оброблялися вашим React-застосунком.
-=======
-1. **Build the React part of your app** using one of the [React-based frameworks](/learn/creating-a-react-app).
-2. **Specify `/some-app` as the *base path*** in your framework's configuration (here's how: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
-3. **Configure your server or a proxy** so that all requests under `/some-app/` are handled by your React app.
->>>>>>> 2534424ec6c433cc2c811d5a0bd5a65b75efa5f0
 
 Це надасть React-частині вашого застосунку всі [переваги від найкращих практик](/learn/build-a-react-app-from-scratch#consider-using-a-framework), вбудованих у ці фреймворки.
 
@@ -155,11 +149,7 @@ root.render(<NavigationBar />);
 
 Зверніть увагу, як оригінальний зміст HTML з `index.html` зберігся, проте ваш власний `NavigationBar` React-компонент тепер зображуються всередині `<nav id="navigation">` із вашого HTML. Читайте [документацію використання `createRoot`](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react), щоб дізнатися більше про рендеринг компонентів React всередині наявної HTML-сторінки.
 
-<<<<<<< HEAD
-Коли ви впроваджуєте React у наявний проєкт, стандартна практика — починати з невеликих інтерактивних компонентів (наприклад, кнопок), а потім поступово "підійматися вгору" до моменту, поки вся ваша сторінка не буде побудована з використанням React. Після цього ми рекомендуємо одразу перейти до [фреймворку React](/learn/start-a-new-react-project), щоб найбільш ефективно його використовувати.
-=======
-When you adopt React in an existing project, it's common to start with small interactive components (like buttons), and then gradually keep "moving upwards" until eventually your entire page is built with React. If you ever reach that point, we recommend migrating to [a React framework](/learn/creating-a-react-app) right after to get the most out of React.
->>>>>>> 2534424ec6c433cc2c811d5a0bd5a65b75efa5f0
+Коли ви впроваджуєте React у наявний проєкт, стандартна практика — починати з невеликих інтерактивних компонентів (наприклад, кнопок), а потім поступово "підійматися вгору" до моменту, поки вся ваша сторінка не буде побудована з використанням React. Після цього ми рекомендуємо одразу перейти до [фреймворку React](/learn/creating-a-react-app), щоб найбільш ефективно його використовувати.
 
 ## Використання React Native у наявному нативному застосунку {/*using-react-native-in-an-existing-native-mobile-app*/}
 
diff --git a/src/content/learn/typescript.md b/src/content/learn/typescript.md
@@ -20,11 +20,7 @@ TypeScript — це популярний спосіб додавання виз
 
 ## Встановлення {/*installation*/}
 
-<<<<<<< HEAD
-Усі [готові для впровадження React-фреймворки](/learn/start-a-new-react-project#full-stack-frameworks) підтримують використання TypeScript. Дотримуйтесь інструкції для встановлення у відповідному фреймворку:
-=======
-All [production-grade React frameworks](/learn/creating-a-react-app#full-stack-frameworks) offer support for using TypeScript. Follow the framework specific guide for installation:
->>>>>>> 2534424ec6c433cc2c811d5a0bd5a65b75efa5f0
+Усі [готові для впровадження React-фреймворки](/learn/creating-a-react-app#full-stack-frameworks) підтримують використання TypeScript. Дотримуйтесь інструкції для встановлення у відповідному фреймворку:
 
 - [Next.js](https://nextjs.org/docs/app/building-your-application/configuring/typescript)
 - [Remix](https://remix.run/docs/en/1.19.2/guides/typescript)
diff --git a/src/content/learn/your-first-component.md b/src/content/learn/your-first-component.md
@@ -214,11 +214,7 @@ function Profile() {
 
 Більшість застосунків React використовують компоненти на всій глибині. Це означає, що ви будете використовувати компоненти не тільки для повторно використовуваних елементів, таких як кнопки, але й для більших елементів, таких як бічні панелі, списки та, врешті-решт, цілі сторінки! Компоненти - зручний спосіб організації коду UI та розмітки, навіть якщо деякі з них використовуються лише один раз.
 
-<<<<<<< HEAD
-[Фреймворки на основі React](/learn/start-a-new-react-project) в цьому плані йдуть ще далі. Замість використання порожнього HTML-файлу і дозволу React "перейняти" керування сторінкою за допомогою JavaScript, вони також автоматично генерують HTML з ваших React компонентів. Це дозволяє вашому застосунку показувати деякий контент до завантаження JavaScript коду.
-=======
-[React-based frameworks](/learn/creating-a-react-app) take this a step further. Instead of using an empty HTML file and letting React "take over" managing the page with JavaScript, they *also* generate the HTML automatically from your React components. This allows your app to show some content before the JavaScript code loads.
->>>>>>> 2534424ec6c433cc2c811d5a0bd5a65b75efa5f0
+[Фреймворки на основі React](/learn/creating-a-react-app) в цьому плані йдуть ще далі. Замість використання порожнього HTML-файлу і дозволу React "перейняти" керування сторінкою за допомогою JavaScript, вони також автоматично генерують HTML з ваших React компонентів. Це дозволяє вашому застосунку показувати деякий контент до завантаження JavaScript коду.
 
 Проте, багато сайтів використовують React лише для [додавання інтерактивності до наявних HTML-сторінок.](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) Вони мають кілька кореневих компонентів замість одного для всієї сторінки. Ви можете використовувати стільки React, скільки вам потрібно.
 
