Installation translation

src/components/MDX/MDXComponents.tsx

@@ -173,7 +173,7 @@ function YouWillLearn({
   children: any;
   isChapter?: boolean;
 }) {
-  let title = isChapter ? 'In this chapter' : 'You will learn';
+  let title = isChapter ? 'В этой главе' : 'Вы узнаете';
   return <SimpleCallout title={title}>{children}</SimpleCallout>;
 }
 

src/components/MDX/Sandpack/DownloadButton.tsx

@@ -98,9 +98,9 @@ ${css}
     <button
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1"
       onClick={downloadHTML}
-      title="Download Sandbox"
+      title="Скачать Sandbox"
       type="button">
-      <IconDownload className="inline mr-1" /> Download
+      <IconDownload className="inline mr-1" /> Скачать
     </button>
   );
 }

src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx

@@ -9,13 +9,13 @@ export const OpenInCodeSandboxButton = () => {
   return (
     <UnstyledOpenInCodeSandboxButton
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1 ml-2 md:ml-1"
-      title="Open in CodeSandbox">
+      title="Открыть в CodeSandbox">
       <IconNewPage
         className="inline ml-1 mr-1 relative top-[1px]"
         width="1em"
         height="1em"
       />
-      <span className="hidden md:block">Fork</span>
+      <span className="hidden md:block">Форкнуть</span>
     </UnstyledOpenInCodeSandboxButton>
   );
 };

src/components/MDX/Sandpack/ResetButton.tsx

@@ -13,9 +13,9 @@ export function ResetButton({onReset}: ResetButtonProps) {
     <button
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1"
       onClick={onReset}
-      title="Reset Sandbox"
+      title="Сбросить Sandbox"
       type="button">
-      <IconRestart className="inline ml-1 mr-1 relative" /> Reset
+      <IconRestart className="inline ml-1 mr-1 relative" /> Сбросить
     </button>
   );
 }

src/components/MDX/TerminalBlock.tsx

@@ -65,7 +65,7 @@ function TerminalBlock({level = 'info', children}: TerminalBlockProps) {
                 setCopied(true);
               }}>
               <IconCopy className="inline-flex mr-2 self-center" />{' '}
-              {copied ? 'Copied' : 'Copy'}
+              {copied ? 'Скопировано' : 'Скопировать'}
             </button>
           </div>
         </div>

src/content/learn/installation.md

@@ -1,57 +1,58 @@
----
-title: Installation
----
-
-<Intro>
-
-React has been designed from the start for gradual adoption. You can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started.
-
-</Intro>
-
-<YouWillLearn isChapter={true}>
-
-* [How to start a new React project](/learn/start-a-new-react-project)
-* [How to add React to an existing project](/learn/add-react-to-an-existing-project)
-* [How to set up your editor](/learn/editor-setup)
-* [How to install React Developer Tools](/learn/react-developer-tools)
-
-</YouWillLearn>
-
-## Try React {/*try-react*/}
-
-You don't need to install anything to play with React. Try editing this sandbox!
-
-<Sandpack>
-
-```js
-function Greeting({ name }) {
-  return <h1>Hello, {name}</h1>;
-}
-
-export default function App() {
-  return <Greeting name="world" />
-}
-```
-
-</Sandpack>
-
-You can edit it directly or open it in a new tab by pressing the "Fork" button in the upper right corner.
-
-Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb)
-
-### Try React locally {/*try-react-locally*/}
-
-To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Open it in your editor and in your browser!
-
-## Start a new React project {/*start-a-new-react-project*/}
-
-If you want to build an app or a website fully with React, [start a new React project.](/learn/start-a-new-react-project)
-
-## Add React to an existing project {/*add-react-to-an-existing-project*/}
-
-If want to try using React in your existing app or a website, [add React to an existing project.](/learn/add-react-to-an-existing-project)
-
-## Next steps {/*next-steps*/}
-
-Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day.
-
+---
+title: Установка
+---
+
+<Intro>
+
+React изначально был спроектирован так, чтобы его можно было внедрять постепенно. Другими словами, вы можете начать с малого и использовать только ту функциональность React, которая необходима вам в данный момент. Информация в этом разделе будет полезна в любой ситуации: при первом знакомстве с React, при создании простой динамической HTML-страницы и даже при проектировании сложного React-приложения.
+
+
+</Intro>
+
+<YouWillLearn isChapter={true}>
+
+* [Как создать новый React проект](/learn/start-a-new-react-project)
+* [Как добавить React в уже существующий проект](/learn/add-react-to-an-existing-project)
+* [Как настроить редактор кода](/learn/editor-setup)
+* [Как установить React Developer Tools](/learn/react-developer-tools)
+
+</YouWillLearn>
+
+## Пробуем React {/*try-react*/}
+
+Чтобы попробовать React, даже устанавливать ничего не нужно. Редактируйте прямо в песочнице!
+
+<Sandpack>
+
+```js
+function Greeting({ name }) {
+  return <h1>Hello, {name}</h1>;
+}
+
+export default function App() {
+  return <Greeting name="world" />
+}
+```
+
+</Sandpack>
+
+Вы можете редактировать прямо здесь или же открыть код в новой вкладке, нажав на кнопку "Форкнуть" в правом верхнем углу.
+
+Такие песочницы есть на большинстве страниц React документации. За пределами React документации также есть большое количество песочниц, поддерживающих React. Например: [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react) или [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb)
+
+### Поиграть с React локально {/*try-react-locally*/}
+
+Что бы поиграть с React локально на вашем компьютере, [скачайте эту HTML страницу.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Откройте ее в своем текстовом редакторе и браузере!
+
+## Начать новый React проект {/*start-a-new-react-project*/}
+
+Если вы хотите создать приложение или сайт полностью на React — [создайте новый React проект.](/learn/start-a-new-react-project)
+
+## Добавить React в уже существующий проект {/*add-react-to-an-existing-project*/}
+
+Если вы хотите использовать React в уже существующем приложении или сайте — [добавьте React в уже существующий проект.](/learn/add-react-to-an-existing-project)
+
+## Дальнейшие шаги {/*next-steps*/}
+
+Перейдите к [Введению в React](/learn) для ознакомления с самыми важными его концепциями.
+