Translate tutorial tic tac toe #532

BlindKai · 2024-04-06T14:12:12Z

Draft pull request for Translate tutorial tic-tac-toe.
This PR will be extended with full translation after initial review.

vercel · 2024-04-06T14:12:16Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
uk-legacy-reactjs-org	⬜️ Ignored (Inspect)	Visit Preview		Apr 7, 2024 11:36am

alinkedd

Це початок, далі буде

src/sidebarLearn.json

alinkedd · 2024-04-06T16:18:28Z

src/content/learn/tutorial-tic-tac-toe.md

 ---

 <Intro>

-You will build a small tic-tac-toe game during this tutorial. This tutorial does not assume any existing React knowledge. The techniques you'll learn in the tutorial are fundamental to building any React app, and fully understanding it will give you a deep understanding of React.
+Впродовж цього туторіалу ви будете створювати просту гру хрестики-нулики. Проходження цього туторіалу не вимагає наявності знань з React. Техніки, які ви вивчите в продовж цього туторіалу є фундаментальними при побудові будь-якого React застосунку, і їх повне розуміння надасть глибоке розуміння React.


Suggested change

Впродовж цього туторіалу ви будете створювати просту гру хрестики-нулики. Проходження цього туторіалу не вимагає наявності знань з React. Техніки, які ви вивчите в продовж цього туторіалу є фундаментальними при побудові будь-якого React застосунку, і їх повне розуміння надасть глибоке розуміння React.

У цьому туторіалі ви будете створювати просту гру хрестики-нулики. Він не вимагає попередніх знань про React. Техніки, які ви вивчите під час проходження, є фундаментальними для побудови будь-якого React-застосунку, і їх повне розуміння надасть глибоке розуміння React.

Впродовж швидше для часу або процесу, а не іменника. Впродовж завжди пишеться разом.

Намагаюсь зменшувати тавтологію, тому туторіал один раз. За можливості хоча б не в кожному реченні, а через речення, бо українська мова тавтологію не любить.

Кома перед є, бо тут закінчується підрядна частина складного речення.

Якщо хочеться використати при чи по, то треба перевірити їх вживання. https://onlinecorrector.com.ua/uk/%D0%B1%D1%96%D0%BB%D1%8F-%D0%BA%D1%80%D0%B0%D0%B9-%D0%B7%D0%B0-%D0%BF%D1%96%D0%B4-%D1%87%D0%B0%D1%81-%D1%83-%D1%80%D0%B0%D0%B7%D1%96/ https://onlinecorrector.com.ua/uk/%D0%BF%D0%BE/

React-застосунок через дефіс, бо прикладка після означуваного. Як IT-спеціаліст

alinkedd · 2024-04-06T16:49:29Z

src/content/learn/tutorial-tic-tac-toe.md


 </Intro>

 <Note>

-This tutorial is designed for people who prefer to **learn by doing** and want to quickly try making something tangible. If you prefer learning each concept step by step, start with [Describing the UI.](/learn/describing-the-ui)
+Цей навчальний посібник створений для людей, що надають перевагу **вчитися на практиці** і хочуть швидко створити щось своїми руками. Якщо ви надаєте перевагу вивченню кожної концепції крок за кроком, почніть з [Describing the UI.](/learn/describing-the-ui)


Suggested change

Цей навчальний посібник створений для людей, що надають перевагу **вчитися на практиці** і хочуть швидко створити щось своїми руками. Якщо ви надаєте перевагу вивченню кожної концепції крок за кроком, почніть з [Describing the UI.](/learn/describing-the-ui)

Цей туторіал створений для людей, що віддають перевагу **навчанню на практиці** і хочуть швидко створити щось своїми руками. Якщо ви бажаєте вивчати кожну концепцію крок за кроком, почніть із розділу [“Написання UI”.](/learn/describing-the-ui)

Краще або туторіал, або навчальний посібник, щоб читач розумів, що це одне і те ж.

Перевагу віддають, якщо щось краще. Перевагу надають, якщо щось віддають, наприклад, надати перевагу у русі кареті швидкої.

Вчитися на навчання, щоб узгодити з дієсловом.

Знову тавтологія, тому замінила на бажаєте.

Між двома приголосними звуками буде із або зі (передивися правила).

Якщо є переклад розділу, то використовуй назву із перекладу розділу.

Назву розділу у тексті беремо в лапки. І далі може бути або із розділу “Назва розділу”, або у цьому випадку навіть із “Назва розділу», бо написання гарно узгоджується з почніть.

p.s. Я зараз із планшета, всі лапки мають звичайні подвійні лапки, як на англійській клавіатурі.

alinkedd

Це друга частина, тут треба перечитати виправлення, почитати відповідні правила, перечитати самому переклад і виправити у всіх місцях.

Буде ще одна частина ревʼю відносно словотворення, лексики, перекладу слів і кальки, перефразування.

alinkedd · 2024-04-06T19:59:12Z

src/content/learn/tutorial-tic-tac-toe.md


 </Note>

-The tutorial is divided into several sections:
+Цей навчальний посібник поділений на декілька частин:


Те саме. Або завжди туторіал у розділі, або навчальний посібник

І якщо використовуємо туторіал, то це не стандартне слово і в TRANSLATION.md треба додати його відмінювання, як для інших запозичених слів. Має бути закінчення у в родовому відмінку, якщо брати правило літературознавчих понять і схоже матеріал, але можеш перевірити правила.

По туторіалу, ще перевірю правила, поки виправлю, що є.

src/content/learn/tutorial-tic-tac-toe.md

alinkedd

Третя частина відносно вживання.
Вибачаюсь за запізнення.

Далі рев'ю буде вже одне загальне після закінчення

alinkedd · 2024-04-16T16:43:33Z

src/content/learn/tutorial-tic-tac-toe.md

- [Completing the game](#completing-the-game) will teach you **the most common techniques** in React development.
- [Adding time travel](#adding-time-travel) will give you **a deeper insight** into the unique strengths of React.
+- ["Налаштування для туторіала"](#setup-for-the-tutorial) нададуть вам **початкову точку**, щоб слідувати туторіалу.
+- ["Загальний огляд"](#overview) навчить вас **основам** React: компонентам, просам і стану.


Suggested change

- ["Загальний огляд"](#overview) навчить вас **основам** React: компонентам, просам і стану.

- ["Загальний огляд"](#overview) навчить вас **основам** React: компонентам, пропсам і стану.

alinkedd · 2024-04-16T16:49:15Z

src/content/learn/tutorial-tic-tac-toe.md

- [Adding time travel](#adding-time-travel) will give you **a deeper insight** into the unique strengths of React.
+- ["Налаштування для туторіала"](#setup-for-the-tutorial) нададуть вам **початкову точку**, щоб слідувати туторіалу.
+- ["Загальний огляд"](#overview) навчить вас **основам** React: компонентам, просам і стану.
+- ["Довершення гри"](#completing-the-game) покаже вам **повсякденні техніки** у React-розробці.


Suggested change

- ["Довершення гри"](#completing-the-game) покаже вам **повсякденні техніки** у React-розробці.

- ["Завершення гри"](#completing-the-game) покаже вам **найбільш поширені техніки** у React-розробці.

Я би йшла із 'Завершення', а не 'Довершення', бо воно більше поширене.

the most common тут все-таки не 'повсякденні', а 'поширені', 'загальні', 'популярні'.

alinkedd · 2024-04-16T16:58:11Z

src/content/learn/tutorial-tic-tac-toe.md

@@ -194,15 +194,15 @@ body {

 </Sandpack>

-If the code doesn't make sense to you yet, or if you are unfamiliar with the code's syntax, don't worry! The goal of this tutorial is to help you understand React and its syntax.
+Не хвилюйтесь, якщо зараз ви не розумієте код, або якщо ви не знайомі із синтаксисом! Ціллю цього туторіалу є допомогти вам зрозуміти React та його синтаксис.


Ціль цього туторіалу — допомогти вам зрозуміти React та його синтаксис.

Я би замість 'є' тут використала тире перед дієсловом

alinkedd · 2024-04-16T17:17:01Z

src/content/learn/tutorial-tic-tac-toe.md


-We recommend that you check out the tic-tac-toe game above before continuing with the tutorial. One of the features that you'll notice is that there is a numbered list to the right of the game's board. This list gives you a history of all of the moves that have occurred in the game, and it is updated as the game progresses.
+Ми рекомендуємо вам спробувати зіграти у гру хрестики-нулики, що знаходиться вище, перед продовженням туторіалу. Однією з особливостей, які ви помітите, буде нумерований список у правій частині ігрової дошки. Цей список надає вам історію всіх кроків, які були здійснені впродовж гри, і він оновлюється у процесі гри.


Перед продовженням туторіалу ми рекомендуємо вам зіграти у хрестики-нулики, що знаходяться вище.

В українському мовленні рідко буває, коли кажуть і власну назву, і загальну назву. Добре сказати на початку та/або для чогось специфічного, якщо контекст вимагає повного найменування. А далі краще казати або 'гра', або 'вона', або 'хрестики-нулики', особливо у багатослівних реченнях у статті, де йдеться про одну і ту ж гру.

'рекомендуваємо вам спробувати зіграти' - багато дієслів/важко читається, я викинула 'спробувати'

'перед чимось' зазвичай ставлю спочатку, змінюючи порядок. Як на мене воно краще читається, а також не втрачається контекст після розділення комою у цьому реченні.

Примітки:

замість 'що знаходяться вище' може бути до/після слова: 'вище', 'наведені вище', 'вищенаведені' і деякі інші варіанти

Примітки:
1.

надає вам

У всіх місцях 'give(s) you' перекладено як 'надавати'. Часто треба перекладати не стільки прямо, скільки із використанням синонімічного ряду або залученням контексту. Я би в цьому місці вибрала 'показує' замість 'надає вам', але тут up-to-you.

у процесі гри

я би вибрала 'під час гри'

alinkedd · 2024-04-16T17:56:23Z

src/content/learn/tutorial-tic-tac-toe.md


-Once you've played around with the finished tic-tac-toe game, keep scrolling. You'll start with a simpler template in this tutorial. Our next step is to set you up so that you can start building the game.
+Як тільки ви завершите знайомство з завершеною версією гри, продовжуйте рухатись по змісту. Ви почнете з простішого шаблону гри у цьому туторіалі. Нашим наступним кроком буде виконати налаштування, щоб ви могли почати імплементувати гру.


завершите знайомство з завершеною

тавтологію замінила би на 'ознайомитесь' або навіть 'набавитесь' (щоб не 'награєтесь', бо кругом і так гра). і тоді не забути змінити 'з' на 'із'

продовжуйте рухатись по змісту

'продовжуйте читати далі' або 'продовжуйте гортати далі'?

Можна викинути тавтологічне 'гри' з другого речення.

буде виконати налаштування

'буде налаштування середовища'? ми додаємо контексту і забираємо дієслово

імплементувати

чому не 'створювати'?

alinkedd · 2024-04-16T19:46:34Z

src/content/learn/tutorial-tic-tac-toe.md

@@ -797,13 +797,13 @@ function Square() {
 }
 ```

-By calling this `set` function from an `onClick` handler, you're telling React to re-render that `Square` whenever its `<button>` is clicked. After the update, the `Square`'s `value` will be `'X'`, so you'll see the "X" on the game board. Click on any Square, and "X" should show up:
+Викликаючи цю `set` функцію з обробника `onClick`, ви кажете React перерендерити цей `Square` при натиску на його `<button>`. Після оновлення значення `value` компонента `Square` буде `'X'`, і ви зможете побачити "X" на ігровій дошці. Натисніть на будь-який Square, і "X" має з'явитись:


перерендерити -> повторно рендерити

uk.react.dev/TRANSLATION.md

Line 148 in 3188fed

| re-render(ing) | повторний рендер |

alinkedd · 2024-04-16T19:51:36Z

src/content/learn/tutorial-tic-tac-toe.md

@@ -899,27 +899,27 @@ body {

 ### React Developer Tools {/*react-developer-tools*/}

-React DevTools let you check the props and the state of your React components. You can find the React DevTools tab at the bottom of the _browser_ section in CodeSandbox:
+React DevTools дозволяють вам перевіряти пропси та стан ваших React-компонентів. Ви можете знайти вкладку React DevTools внизу секції _browser_ у CodeSandbox:


я більше полюбляю не 'внизу' чогось, а 'у нижній частині' чогось

alinkedd · 2024-04-16T19:55:39Z

src/content/learn/tutorial-tic-tac-toe.md


 ![Selecting components on the page with React DevTools](../images/tutorial/devtools-select.gif)

 <Note>

-For local development, React DevTools is available as a [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en), [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/), and [Edge](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) browser extension. Install it, and the *Components* tab will appear in your browser Developer Tools for sites using React.
+Для локальної розробки React DevTools доступні в якості розширення для браузерів: [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en), [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/), та [Edge](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil). Встановіть його, і тоді вкладка *Components* з'явиться у Developer Tools вашого браузера для сайтів, що використовують React.


Окремо Developer Tools перекладаються. Якщо React DevTools - власна назва, то ні.

uk.react.dev/TRANSLATION.md

Lines 99 to 100 in 3188fed

| development mode | режим розробки |

| developer tools | інструменти розробника |

alinkedd · 2024-04-16T19:56:50Z

src/content/learn/tutorial-tic-tac-toe.md


-By this point, you have all the basic building blocks for your tic-tac-toe game. To have a complete game, you now need to alternate placing "X"s and "O"s on the board, and you need a way to determine a winner.
+На цьому етапі ви маєте всі базові елементи вашої гри у хрестики-нулики. Для того, щоб довершити гру,потрібно додати можливість встановлювати значення "X" та "O" на дошці, а також спосіб для визначення переможця.


Suggested change

На цьому етапі ви маєте всі базові елементи вашої гри у хрестики-нулики. Для того, щоб довершити гру,потрібно додати можливість встановлювати значення "X" та "O" на дошці, а також спосіб для визначення переможця.

На цьому етапі ви маєте всі базові елементи вашої гри хрестики-нулики. Для того, щоб завершити гру, потрібно додати можливість встановлювати значення "X" та "O" на дошці, а також спосіб для визначення переможця.

alinkedd · 2024-04-16T19:59:15Z

src/content/learn/tutorial-tic-tac-toe.md


-### Lifting state up {/*lifting-state-up*/}
+### Підйом стану {/*lifting-state-up*/}


Може підняття, а не підйом

BlindKai · 2024-04-17T17:32:54Z

Завершив на пункті "lifting state up". Надалі не зможу продовжувати роботу над PR.
Зарезолвлені коментарі - виправив в останньому коміті. Ті, які залишились з лайком, потребують доопрацювання по одному або кількох пунках.

cc: @alinkedd

BlindKai added 2 commits April 1, 2024 22:07

Initial commit

7656a8b

docs: partly progress

91d1d3e

vercel bot deployed to Preview – uk-react-dev April 6, 2024 14:13 View deployment

alinkedd self-requested a review April 6, 2024 14:42

alinkedd requested changes Apr 6, 2024

View reviewed changes

fix: part of issues

aca2edf

vercel bot deployed to Preview – uk-react-dev April 7, 2024 11:36 View deployment

alinkedd requested changes Apr 16, 2024

View reviewed changes

alinkedd mentioned this pull request Apr 22, 2024

New Ukrainian Translation Progress #457

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Translate tutorial tic tac toe #532

Translate tutorial tic tac toe #532

BlindKai commented Apr 6, 2024

vercel bot commented Apr 6, 2024 •

edited

alinkedd left a comment

alinkedd Apr 6, 2024

alinkedd Apr 6, 2024

alinkedd left a comment

alinkedd Apr 6, 2024

alinkedd Apr 6, 2024

BlindKai Apr 7, 2024

alinkedd left a comment

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

alinkedd Apr 16, 2024

BlindKai commented Apr 17, 2024

	- ["Загальний огляд"](#overview) навчить вас основам React: компонентам, просам і стану.
	- ["Загальний огляд"](#overview) навчить вас основам React: компонентам, пропсам і стану.

	- ["Довершення гри"](#completing-the-game) покаже вам повсякденні техніки у React-розробці.
	- ["Завершення гри"](#completing-the-game) покаже вам найбільш поширені техніки у React-розробці.


		We recommend that you check out the tic-tac-toe game above before continuing with the tutorial. One of the features that you'll notice is that there is a numbered list to the right of the game's board. This list gives you a history of all of the moves that have occurred in the game, and it is updated as the game progresses.
		Ми рекомендуємо вам спробувати зіграти у гру хрестики-нулики, що знаходиться вище, перед продовженням туторіалу. Однією з особливостей, які ви помітите, буде нумерований список у правій частині ігрової дошки. Цей список надає вам історію всіх кроків, які були здійснені впродовж гри, і він оновлюється у процесі гри.


		Once you've played around with the finished tic-tac-toe game, keep scrolling. You'll start with a simpler template in this tutorial. Our next step is to set you up so that you can start building the game.
		Як тільки ви завершите знайомство з завершеною версією гри, продовжуйте рухатись по змісту. Ви почнете з простішого шаблону гри у цьому туторіалі. Нашим наступним кроком буде виконати налаштування, щоб ви могли почати імплементувати гру.

	\| development mode \| режим розробки \|
	\| developer tools \| інструменти розробника \|


		By this point, you have all the basic building blocks for your tic-tac-toe game. To have a complete game, you now need to alternate placing "X"s and "O"s on the board, and you need a way to determine a winner.
		На цьому етапі ви маєте всі базові елементи вашої гри у хрестики-нулики. Для того, щоб довершити гру,потрібно додати можливість встановлювати значення "X" та "O" на дошці, а також спосіб для визначення переможця.


		### Lifting state up {/lifting-state-up/}
		### Підйом стану {/lifting-state-up/}

Translate tutorial tic tac toe #532

Are you sure you want to change the base?

Translate tutorial tic tac toe #532

Conversation

BlindKai commented Apr 6, 2024

vercel bot commented Apr 6, 2024 • edited

alinkedd left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

alinkedd left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

alinkedd left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

BlindKai commented Apr 17, 2024

vercel bot commented Apr 6, 2024 •

edited