Skip to content

Commit

Permalink
Resolve merge conflicts
Browse files Browse the repository at this point in the history
  • Loading branch information
alinkedd committed Feb 4, 2025
1 parent c168169 commit b5e20eb
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 15 deletions.
12 changes: 2 additions & 10 deletions src/content/learn/add-react-to-an-existing-project.md
Original file line number Diff line number Diff line change
Expand Up @@ -45,11 +45,7 @@ title: Інтеграція React у наявний проєкт

* **Якщо ваш застосунок вже розділений на файли, які використовують вираз `import`,** спробуйте використовувати ті налаштування, які у вас вже є. Перевірте, чи написання `<div />` у вашому JS-коді спричиняє синтаксичну помилку. Якщо це так, ймовірно, вам потрібно [трансформувати ваш JavaScript-код, використовуючи Babel](https://babeljs.io/setup), і включити [попереднє налаштування Babel React](https://babeljs.io/docs/babel-preset-react), щоб користуватися JSX.

<<<<<<< HEAD
* **Якщо ваш застосунок не налаштований, щоб компілювати JavaScript-модулі,** налаштуйте його за допомогою [Vite](https://vitejs.dev/). Спільнота Vite підтримує [багато інтеграцій із фреймворками для сервера](https://github.com/vitejs/awesome-vite#integrations-with-backends), включно з Rails, Django і Laravel. Якщо вашого серверного фреймворку немає у списку, [дотримуйтеся цього посібника](https://vitejs.dev/guide/backend-integration.html), щоб із ним вручну інтегрувати Vite-збірку.
=======
* **If your app doesn't have an existing setup for compiling JavaScript modules,** set it up with [Vite](https://vite.dev/). The Vite community maintains [many integrations with backend frameworks](https://github.com/vitejs/awesome-vite#integrations-with-backends), including Rails, Django, and Laravel. If your backend framework is not listed, [follow this guide](https://vite.dev/guide/backend-integration.html) to manually integrate Vite builds with your backend.
>>>>>>> 6fc98fffdaad3b84e6093d1eb8def8f2cedeee16
* **Якщо ваш застосунок не налаштований, щоб компілювати JavaScript-модулі,** налаштуйте його за допомогою [Vite](https://vite.dev/). Спільнота Vite підтримує [багато інтеграцій із фреймворками для сервера](https://github.com/vitejs/awesome-vite#integrations-with-backends), включно з Rails, Django і Laravel. Якщо вашого серверного фреймворку немає у списку, [дотримуйтеся цього посібника](https://vitejs.dev/guide/backend-integration.html), щоб із ним вручну інтегрувати Vite-збірку.

Щоб перевірити, що ваше налаштування працює, виконайте цю команду з директорії проєкту:

Expand Down Expand Up @@ -89,11 +85,7 @@ root.render(<h1>Hello, world</h1>);

<Note>

<<<<<<< HEAD
Перша інтеграція модульного середовища JavaScript у наявний проєкт може лякати, але це того варте! Якщо ви застрягли, спробуйте скористатися [ресурсами нашої спільноти](/community) або [чатом Vite](https://chat.vitejs.dev/).
=======
Integrating a modular JavaScript environment into an existing project for the first time can feel intimidating, but it's worth it! If you get stuck, try our [community resources](/community) or the [Vite Chat](https://chat.vite.dev/).
>>>>>>> 6fc98fffdaad3b84e6093d1eb8def8f2cedeee16
Перша інтеграція модульного середовища JavaScript у наявний проєкт може лякати, але це того варте! Якщо ви застрягли, спробуйте скористатися [ресурсами нашої спільноти](/community) або [чатом Vite](https://chat.vite.dev/).

</Note>

Expand Down
6 changes: 1 addition & 5 deletions src/content/learn/start-a-new-react-project.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,11 +27,7 @@ title: Початок нового React-проєкту

**Наведені на цій сторінці фреймворки React вже вирішують такі проблеми, не потребуючи додаткових зусиль з вашого боку.** Вони дають змогу почати з малого, аби потім масштабувати застосунок відповідно до потреб. Кожний React-фреймворк має свою спільноту, тож шукати відповіді на питання та оновлювати інструменти розробки буде легше. Також фреймворки задають структуру коду, допомагаючи вам та іншим зберігати той самий контекст і користуватися тими ж навичками в різних проєктах. І навпаки: із саморобними налаштуваннями легше застрягнути у версіях залежностей, що більше не підтримуються, і, по суті, доведеться створювати власний фреймворк — але без власної спільноти та інструкцій з оновлення (і якщо він буде схожим на те, що колись писали ми, то цей ваш фреймворк буде написаний абияк).

<<<<<<< HEAD
Якщо ваш застосунок містить незвичні обмеження, які не спрацюють із переліченими нижче фреймворками, або ви хочете розв'язувати ці проблеми самотужки, то можете розгорнути власну конфігурацію з React. Візьміть `react` і `react-dom` із npm, налаштуйте власний процес збирання з використанням бандлеру, як-от [Vite](https://vitejs.dev/) або [Parcel](https://parceljs.org/), і додавайте інші інструменти за необхідності для маршрутизації, статичної генерації, серверного рендерингу чи чогось іще.
=======
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://vite.dev/) or [Parcel](https://parceljs.org/), and add other tools as you need them for routing, static generation or server-side rendering, and more.
>>>>>>> 6fc98fffdaad3b84e6093d1eb8def8f2cedeee16
Якщо ваш застосунок містить незвичні обмеження, які не спрацюють із переліченими нижче фреймворками, або ви хочете розв'язувати ці проблеми самотужки, то можете розгорнути власну конфігурацію з React. Візьміть `react` і `react-dom` із npm, налаштуйте власний процес збирання з використанням бандлеру, як-от [Vite](https://vite.dev/) або [Parcel](https://parceljs.org/), і додавайте інші інструменти за необхідності для маршрутизації, статичної генерації, серверного рендерингу чи чогось іще.

</DeepDive>

Expand Down

0 comments on commit b5e20eb

Please sign in to comment.