From 7a23b12fda26601f040079329330dc09f885a509 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sm=E5=8D=82y=E3=84=A5ik=E3=84=9Ao=E3=84=A9tub=E4=B9=87?= =?UTF-8?q?=E5=B0=BA?= <145838914+SmaylikYoutuber@users.noreply.github.com> Date: Fri, 10 May 2024 10:10:29 +0300 Subject: [PATCH 01/11] Update tutorial-tic-tac-toe.md --- src/content/learn/tutorial-tic-tac-toe.md | 48 +++++++++++------------ 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index d37791456..ee6e07f8f 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -1,31 +1,31 @@ --- -title: 'Tutorial: Tic-Tac-Toe' +title: 'Учебник: Крестики-Нолики' --- -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. -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) +Это руководство предназначено для людей, которые предпочитают **учиться на практике** и хотят быстро попробовать сделать что-то осязаемое. Если вы предпочитаете изучать каждую концепцию шаг за шагом, начните с [Описания пользовательского интерфейса.](/learn/describing-the-ui) -The tutorial is divided into several sections: +Учебник разделен на несколько разделов: -- [Setup for the tutorial](#setup-for-the-tutorial) will give you **a starting point** to follow the tutorial. -- [Overview](#overview) will teach you **the fundamentals** of React: components, props, and state. -- [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: компонентам, реквизитам и состоянию. +- [Завершение игры научит](#completing-the-game) вас **наиболее распространенным методам** в разработке React. +- [Добавление путешествие во времени](#adding-time-travel) даст вам **более глубокое представление** об уникальных сильных сторонах React. -### What are you building? {/*what-are-you-building*/} +### Что ты строишь? {/*what-are-you-building*/} -In this tutorial, you'll build an interactive tic-tac-toe game with React. +В этом уроке вы создадите интерактивную игру в tic-tac-toe с React. -You can see what it will look like when you're finished here: +Вы можете увидеть, как это будет выглядеть, когда вы закончите здесь: @@ -57,9 +57,9 @@ function Board({ xIsNext, squares, onPlay }) { const winner = calculateWinner(squares); let status; if (winner) { - status = 'Winner: ' + winner; + status = 'Выйграл: ' + winner; } else { - status = 'Next player: ' + (xIsNext ? 'X' : 'O'); + status = 'Следующий игрок: ' + (xIsNext ? 'X' : 'O'); } return ( @@ -103,9 +103,9 @@ export default function Game() { const moves = history.map((squares, move) => { let description; if (move > 0) { - description = 'Go to move #' + move; + description = 'Перейти к перемещению #' + move; } else { - description = 'Go to game start'; + description = 'Перейти к началу игры'; } return (
  • @@ -194,15 +194,15 @@ body { -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 и его синтаксисе. -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. +После того, как вы поиграете с готовой игрой в крестики-нолики, продолжайте прокручивать. В этом руководстве вы начнете с более простого шаблона. Наш следующий шаг - настроить вас так, чтобы вы могли приступить к созданию игры. -## Setup for the tutorial {/*setup-for-the-tutorial*/} +## Настройка учебника {/*setup-for-the-tutorial*/} -In the live code editor below, click **Fork** in the top-right corner to open the editor in a new tab using the website CodeSandbox. CodeSandbox lets you write code in your browser and preview how your users will see the app you've created. The new tab should display an empty square and the starter code for this tutorial. +В редакторе живого кода ниже нажмите **Fork** в правом верхнем углу, чтобы открыть редактор в новой вкладке с помощью веб-сайта CodeSandbox. CodeSandbox позволяет писать код в браузере и просматривать, как ваши пользователи увидят созданное вами приложение. На новой вкладке должен отображаться пустой квадрат и начальный код для этого учебника. @@ -261,11 +261,11 @@ body { -You can also follow this tutorial using your local development environment. To do this, you need to: +Вы также можете следовать этому руководству, используя локальную среду разработки. Для этого вам необходимо: -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. Скачайте [Node.js](https://nodejs.org/en/) +1. На вкладке CodeSandbox, которую вы открыли ранее, нажмите кнопку в левом верхнем углу, чтобы открыть меню, а затем выберите Скачать Sandbox в этом меню, чтобы загрузить архив файлов локально. +1. Разархивируйте архив, затем откройте терминал и перейдите в каталог, который вы разархивировали. 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 From 23d0b159864d2b01b12be4884bd1dfdc29c4692e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sm=E5=8D=82y=E3=84=A5ik=E3=84=9Ao=E3=84=A9tub=E4=B9=87?= =?UTF-8?q?=E5=B0=BA?= <145838914+SmaylikYoutuber@users.noreply.github.com> Date: Sun, 12 May 2024 08:57:55 +0300 Subject: [PATCH 02/11] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?= =?UTF-8?q?=D1=82=D1=8C=20src/content/learn/tutorial-tic-tac-toe.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Maxim Titov --- src/content/learn/tutorial-tic-tac-toe.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index ee6e07f8f..abbd858ce 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -17,7 +17,7 @@ title: 'Учебник: Крестики-Нолики' Учебник разделен на несколько разделов: - [Настройка учебника](#setup-for-the-tutorial) даст вам **отправную точку** для дальнейшего изучения учебного пособия. -- [Обзор](#overview) научит вас **основам** React: компонентам, реквизитам и состоянию. +- [Обзор](#overview) познакомит вас с **основами** React: компонентами, пропсами и состоянием. - [Завершение игры научит](#completing-the-game) вас **наиболее распространенным методам** в разработке React. - [Добавление путешествие во времени](#adding-time-travel) даст вам **более глубокое представление** об уникальных сильных сторонах React. From 68c67f91b2301c34eb3919d022a4b0fe60babcf2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sm=E5=8D=82y=E3=84=A5ik=E3=84=9Ao=E3=84=A9tub=E4=B9=87?= =?UTF-8?q?=E5=B0=BA?= <145838914+SmaylikYoutuber@users.noreply.github.com> Date: Sun, 12 May 2024 08:58:13 +0300 Subject: [PATCH 03/11] Update src/content/learn/tutorial-tic-tac-toe.md Co-authored-by: Maxim Titov --- src/content/learn/tutorial-tic-tac-toe.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index abbd858ce..d2652851d 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -19,7 +19,7 @@ title: 'Учебник: Крестики-Нолики' - [Настройка учебника](#setup-for-the-tutorial) даст вам **отправную точку** для дальнейшего изучения учебного пособия. - [Обзор](#overview) познакомит вас с **основами** React: компонентами, пропсами и состоянием. - [Завершение игры научит](#completing-the-game) вас **наиболее распространенным методам** в разработке React. -- [Добавление путешествие во времени](#adding-time-travel) даст вам **более глубокое представление** об уникальных сильных сторонах React. +- [Добавление путешествия во времени](#adding-time-travel) даст вам **более глубокое представление** об уникальных сильных сторонах React. ### Что ты строишь? {/*what-are-you-building*/} From 056e91075ff31df8330027db2cea71f0a4655f48 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sm=E5=8D=82y=E3=84=A5ik=E3=84=9Ao=E3=84=A9tub=E4=B9=87?= =?UTF-8?q?=E5=B0=BA?= <145838914+SmaylikYoutuber@users.noreply.github.com> Date: Sun, 12 May 2024 08:58:23 +0300 Subject: [PATCH 04/11] Update src/content/learn/tutorial-tic-tac-toe.md Co-authored-by: Maxim Titov --- src/content/learn/tutorial-tic-tac-toe.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index d2652851d..90de205e6 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -18,7 +18,7 @@ title: 'Учебник: Крестики-Нолики' - [Настройка учебника](#setup-for-the-tutorial) даст вам **отправную точку** для дальнейшего изучения учебного пособия. - [Обзор](#overview) познакомит вас с **основами** React: компонентами, пропсами и состоянием. -- [Завершение игры научит](#completing-the-game) вас **наиболее распространенным методам** в разработке React. +- [Завершение игры научит](#completing-the-game) вас **наиболее распространённым методам** в разработке React. - [Добавление путешествия во времени](#adding-time-travel) даст вам **более глубокое представление** об уникальных сильных сторонах React. ### Что ты строишь? {/*what-are-you-building*/} From 931b7909fc33a943bd9beaaf26ffa2255dce49e5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sm=E5=8D=82y=E3=84=A5ik=E3=84=9Ao=E3=84=A9tub=E4=B9=87?= =?UTF-8?q?=E5=B0=BA?= <145838914+SmaylikYoutuber@users.noreply.github.com> Date: Sun, 12 May 2024 08:58:31 +0300 Subject: [PATCH 05/11] Update src/content/learn/tutorial-tic-tac-toe.md Co-authored-by: Maxim Titov --- src/content/learn/tutorial-tic-tac-toe.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index 90de205e6..bb6a6f516 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -23,7 +23,7 @@ title: 'Учебник: Крестики-Нолики' ### Что ты строишь? {/*what-are-you-building*/} -В этом уроке вы создадите интерактивную игру в tic-tac-toe с React. +В этом уроке вы создадите интерактивную игру в крестики-нолики с React. Вы можете увидеть, как это будет выглядеть, когда вы закончите здесь: From 7f72f2ff13c5fa1cecd3e591c76c7474d51d8669 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sm=E5=8D=82y=E3=84=A5ik=E3=84=9Ao=E3=84=A9tub=E4=B9=87?= =?UTF-8?q?=E5=B0=BA?= <145838914+SmaylikYoutuber@users.noreply.github.com> Date: Sun, 12 May 2024 08:58:38 +0300 Subject: [PATCH 06/11] Update src/content/learn/tutorial-tic-tac-toe.md Co-authored-by: Maxim Titov --- src/content/learn/tutorial-tic-tac-toe.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index bb6a6f516..0da899551 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -25,7 +25,7 @@ title: 'Учебник: Крестики-Нолики' В этом уроке вы создадите интерактивную игру в крестики-нолики с React. -Вы можете увидеть, как это будет выглядеть, когда вы закончите здесь: +Вы можете увидеть ожидаемый результат здесь: From 47f10fc217ae51356cca588ad923a11a2838f41e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sm=E5=8D=82y=E3=84=A5ik=E3=84=9Ao=E3=84=A9tub=E4=B9=87?= =?UTF-8?q?=E5=B0=BA?= <145838914+SmaylikYoutuber@users.noreply.github.com> Date: Sun, 12 May 2024 08:58:44 +0300 Subject: [PATCH 07/11] Update src/content/learn/tutorial-tic-tac-toe.md Co-authored-by: Maxim Titov --- src/content/learn/tutorial-tic-tac-toe.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index 0da899551..aa4a60f1a 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -57,7 +57,7 @@ function Board({ xIsNext, squares, onPlay }) { const winner = calculateWinner(squares); let status; if (winner) { - status = 'Выйграл: ' + winner; + status = 'Победитель: ' + winner; } else { status = 'Следующий игрок: ' + (xIsNext ? 'X' : 'O'); } From 2e7c6859a11cf8f01dc4bd2bd868dba9f043f8b8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sm=E5=8D=82y=E3=84=A5ik=E3=84=9Ao=E3=84=A9tub=E4=B9=87?= =?UTF-8?q?=E5=B0=BA?= <145838914+SmaylikYoutuber@users.noreply.github.com> Date: Sun, 12 May 2024 08:58:53 +0300 Subject: [PATCH 08/11] Update src/content/learn/tutorial-tic-tac-toe.md Co-authored-by: Maxim Titov --- src/content/learn/tutorial-tic-tac-toe.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index aa4a60f1a..e0ffbcc51 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -103,7 +103,7 @@ export default function Game() { const moves = history.map((squares, move) => { let description; if (move > 0) { - description = 'Перейти к перемещению #' + move; + description = 'Перейти к ходу #' + move; } else { description = 'Перейти к началу игры'; } From 5ea3cf23e83618e121d0a749adf0f455a72d7cb4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sm=E5=8D=82y=E3=84=A5ik=E3=84=9Ao=E3=84=A9tub=E4=B9=87?= =?UTF-8?q?=E5=B0=BA?= <145838914+SmaylikYoutuber@users.noreply.github.com> Date: Sun, 12 May 2024 08:59:28 +0300 Subject: [PATCH 09/11] Update src/content/learn/tutorial-tic-tac-toe.md Co-authored-by: Maxim Titov --- src/content/learn/tutorial-tic-tac-toe.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index e0ffbcc51..d4dd57945 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -198,7 +198,7 @@ body { Мы рекомендуем вам ознакомиться с игрой в крестики-нолики, описанной выше, прежде чем продолжить обучение. Одна из особенностей, которую вы заметите, заключается в том, что справа от игрового поля находится нумерованный список. Этот список содержит историю всех ходов, которые были выполнены в игре, и обновляется по ходу игры. -После того, как вы поиграете с готовой игрой в крестики-нолики, продолжайте прокручивать. В этом руководстве вы начнете с более простого шаблона. Наш следующий шаг - настроить вас так, чтобы вы могли приступить к созданию игры. +После того, как вы поиграете с готовой игрой в крестики-нолики, продолжайте чтение. В этом руководстве вы начнете с более простого шаблона. Наш следующий шаг - настроить вас так, чтобы вы могли приступить к созданию игры. ## Настройка учебника {/*setup-for-the-tutorial*/} From d00f5c4aff56daf84ce609da365fcf5ade219c90 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sm=E5=8D=82y=E3=84=A5ik=E3=84=9Ao=E3=84=A9tub=E4=B9=87?= =?UTF-8?q?=E5=B0=BA?= <145838914+SmaylikYoutuber@users.noreply.github.com> Date: Sun, 12 May 2024 10:32:15 +0300 Subject: [PATCH 10/11] Update tutorial-tic-tac-toe.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Я дополнил перевод tutorial-tic-tac-toe и буду переводить дальше... --- src/content/learn/tutorial-tic-tac-toe.md | 34 +++++++++++------------ 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index d4dd57945..db61d5101 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -266,28 +266,27 @@ body { 1. Скачайте [Node.js](https://nodejs.org/en/) 1. На вкладке CodeSandbox, которую вы открыли ранее, нажмите кнопку в левом верхнем углу, чтобы открыть меню, а затем выберите Скачать Sandbox в этом меню, чтобы загрузить архив файлов локально. 1. Разархивируйте архив, затем откройте терминал и перейдите в каталог, который вы разархивировали. -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 - -If you get stuck, don't let this stop you! Follow along online instead and try a local setup again later. +1. Скачайте зависимо с помощью `npm install` +1. Запустите `npm start`, чтобы запустить локальный сервер, и следуйте инструкциям, чтобы просмотреть код, работающий в браузере. +Если вы застряли, не позволяйте этому остановить вас! Вместо этого следуйте инструкциям в Интернете и повторите попытку локальной настройки позже. -## Overview {/*overview*/} +## Обзор {/*overview*/} -Now that you're set up, let's get an overview of React! +Теперь, когда вы все настроили, давайте посмотрим на React! -### Inspecting the starter code {/*inspecting-the-starter-code*/} +### Проверка стартового кода {/*inspecting-the-starter-code*/} -In CodeSandbox you'll see three main sections: +В CodeSandbox вы увидите три основных раздела: ![CodeSandbox with starter code](../images/tutorial/react-starter-code-codesandbox.png) -1. The _Files_ section with a list of files like `App.js`, `index.js`, `styles.css` and a folder called `public` -1. The _code editor_ where you'll see the source code of your selected file -1. The _browser_ section where you'll see how the code you've written will be displayed +1. В разделе _Файлы/Files_ со списком таких файлов, как `App.js`, `index.js`, `styles.css` и папкой `public`. +1. В _редакторе кода_, где вы увидите исходный код выбранного вами файла. +1. Разделе _браузера/browser_, в котором вы увидите, как будет отображаться написанный вами код. -The `App.js` file should be selected in the _Files_ section. The contents of that file in the _code editor_ should be: +Файл `App.js` должен быть выбран в разделе _Файлы/Files_. Содержимое этого файла в _редакторе кода_ должно быть: ```jsx export default function Square() { @@ -295,15 +294,14 @@ export default function Square() { } ``` -The _browser_ section should be displaying a square with a X in it like this: - +В разделе _браузера/browser_ должен отображаться квадрат в котором в нутри его буква X, пример выглядит следующим образом: ![x-filled square](../images/tutorial/x-filled-square.png) -Now let's have a look at the files in the starter code. +Теперь давайте взглянем на файлы в стартовом коде. #### `App.js` {/*appjs*/} -The code in `App.js` creates a _component_. In React, a component is a piece of reusable code that represents a part of a user interface. Components are used to render, manage, and update the UI elements in your application. Let's look at the component line by line to see what's going on: +Коде в App.js создает _компонент_. В React компонент — это фрагмент многократно используемого кода, который представляет собой часть пользовательского интерфейса. Компоненты используются для визуализации, управления и обновления элементов пользовательского интерфейса в вашем приложении. Давайте посмотрим на компонент построчно, чтобы увидеть, что происходит: ```js {1} export default function Square() { @@ -311,7 +309,7 @@ export default function Square() { } ``` -The first line defines a function called `Square`. The `export` JavaScript keyword makes this function accessible outside of this file. The `default` keyword tells other files using your code that it's the main function in your file. +Первая строка определяет функцию под названием `Квадрат/Square`. Ключевое слово `export/экспорт` в JavaScript делает эту функцию доступной за пределами этого файла. Ключевое слово `default/по умолчанию` сообщает другим файлам, использующим ваш код, что это основная функция в вашем файле. ```js {2} export default function Square() { @@ -321,6 +319,8 @@ export default function Square() { The second line returns a button. The `return` JavaScript keyword means whatever comes after is returned as a value to the caller of the function. `` closes the JSX element to indicate that any following content shouldn't be placed inside the button. +Вторая строка возвращает значение button. Ключевое слово JavaScript `return/возвращает` означает, что все, что следует за ним, возвращается в качестве значения вызывающей функции. "" закрывает элемент JSX, указывая, что любое последующее содержимое не должно размещаться внутри кнопки. + #### `styles.css` {/*stylescss*/} Click on the file labeled `styles.css` in the _Files_ section of CodeSandbox. This file defines the styles for your React app. The first two _CSS selectors_ (`*` and `body`) define the style of large parts of your app while the `.square` selector defines the style of any component where the `className` property is set to `square`. In your code, that would match the button from your Square component in the `App.js` file. From 48152c68690a3b54c6642452417700664ebfa71f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sm=E5=8D=82y=E3=84=A5ik=E3=84=9Ao=E3=84=A9tub=E4=B9=87?= =?UTF-8?q?=E5=B0=BA?= <145838914+SmaylikYoutuber@users.noreply.github.com> Date: Sun, 12 May 2024 10:37:21 +0300 Subject: [PATCH 11/11] Update tutorial-tic-tac-toe.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Дополнил перевод крестики-нолики