From 3803f90c6e8741cd15fd01d822c7a98e4fc40942 Mon Sep 17 00:00:00 2001 From: Bogdan Ivanchenko Date: Fri, 8 Feb 2019 16:50:35 +0200 Subject: [PATCH 1/7] Added page translation: basics -> hello world --- content/docs/hello-world.md | 31 +++++++++++++++---------------- 1 file changed, 15 insertions(+), 16 deletions(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 2fff80254..dde5bed24 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -6,7 +6,7 @@ prev: cdn-links.html next: introducing-jsx.html --- -The smallest React example looks like this: +Самый маленький пример на React выглядит так: ```js ReactDOM.render( @@ -15,36 +15,35 @@ ReactDOM.render( ); ``` -It displays a heading saying "Hello, world!" on the page. +На странице отобразится заголовок «Hello, world!». [](codepen://hello-world) -Click the link above to open an online editor. Feel free to make some changes, and see how they affect the output. Most pages in this guide will have editable examples like this one. +Нажмите на ссылку выше, чтобы открыть онлайн-редактор. Не стесняйтесь вносить ваши изменения и посмотрите как они влияют на результат. Большинство страниц в этом руководстве будут иметь редактируемые примеры, подобные этому. +## Как читать это руководство {#how-to-read-this-guide} -## How to Read This Guide {#how-to-read-this-guide} +В этом руководстве мы рассмотрим строительные блоки приложений на React: элементы и компоненты. Как только вы освоите их, вы сможете создавать сложные приложения из маленьких повторно используемых частей. -In this guide, we will examine the building blocks of React apps: elements and components. Once you master them, you can create complex apps from small reusable pieces. - ->Tip +>Совет > ->This guide is designed for people who prefer **learning concepts step by step**. If you prefer to learn by doing, check out our [practical tutorial](/tutorial/tutorial.html). You might find this guide and the tutorial complementary to each other. +>Это руководство предназначено для людей, которые предпочитают **изучать основные понятия шаг за шагом**. Если вы предпочитаете учиться на практике, ознакомьтесь с нашим [практическим учебником](/tutorial/tutorial.html). Вы можете увидеть что это руководство и учебник дополняют друг друга. -This is the first chapter in a step-by-step guide about main React concepts. You can find a list of all its chapters in the navigation sidebar. If you're reading this from a mobile device, you can access the navigation by pressing the button in the bottom right corner of your screen. +Это первая глава в пошаговом руководстве об основных понятиях React. Вы можете найти список всех его глав на боковой панели навигации. Если вы читаете это с мобильного устройства, вы можете получить доступ к навигации, нажав кнопку в правом нижнем углу экрана. -Every chapter in this guide builds on the knowledge introduced in earlier chapters. **You can learn most of React by reading the “Main Concepts” guide chapters in the order they appear in the sidebar.** For example, [“Introducing JSX”](/docs/introducing-jsx.html) is the next chapter after this one. +Каждая глава в этом руководстве основана на знаниях представленых в предыдущих главах. **Вы можете изучить большую часть React, прочитав главы руководства «Основные понятия» в том порядке, в котором они разположены на боковой панели.** Например, [«Введение в JSX»](/docs/introducing-jsx.html) - это следующая глава после этой. -## Knowledge Level Assumptions {#knowledge-level-assumptions} +## Необходимый уровень знаний {#knowledge-level-assumptions} -React is a JavaScript library, and so we'll assume you have a basic understanding of the JavaScript language. **If you don't feel very confident, we recommend [going through a JavaScript tutorial](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level** and enable you to follow along this guide without getting lost. It might take you between 30 minutes and an hour, but as a result you won't have to feel like you're learning both React and JavaScript at the same time. +React - это библиотека JavaScript, поэтому мы предполагаем, что у вас есть базовое понимание языка JavaScript. **Если вы не чувствуете себя уверенно, мы рекомендуем [прочесть учебник JavaScript](https://developer.mozilla.org/ru/docs/Web/JavaScript/A_re-introduction_to_JavaScript) чтобы проверить уровень своих знаний**, что позволит вам пройти руководство не теряясь. Это может занять от 30 минут до часа, но в результате вам не нужно будет чувствовать что вы одновременно изучаете и React и JavaScript. ->Note +>Заметка > ->This guide occasionally uses some of the newer JavaScript syntax in the examples. If you haven't worked with JavaScript in the last few years, [these three points](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) should get you most of the way. +>В этом руководстве иногда используются более новый синтаксис JavaScript в примерах. Если вы не работали с JavaScript в последние несколько лет, [эти три пункта](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) должны помочь вам в этом. -## Let's Get Started! {#lets-get-started} +## Давайте начнем! {#lets-get-started} -Keep scrolling down, and you'll find the link to the [next chapter of this guide](/docs/introducing-jsx.html) right before the website footer. +Продолжайте прокручивать страницу вниз, и вы найдете ссылку на [следующую главу этого руководства](/docs/introducing-jsx.html) прямо перед нижнем навигационным меню сайта. From d9e29b6921a509b99a6274ac7e7e5b07ef566f22 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Fri, 8 Feb 2019 20:54:53 +0300 Subject: [PATCH 2/7] hello-world: improvements --- content/docs/hello-world.md | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index dde5bed24..8ccbb0fa1 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -19,31 +19,30 @@ ReactDOM.render( [](codepen://hello-world) -Нажмите на ссылку выше, чтобы открыть онлайн-редактор. Не стесняйтесь вносить ваши изменения и посмотрите как они влияют на результат. Большинство страниц в этом руководстве будут иметь редактируемые примеры, подобные этому. +Нажмите на ссылку выше для открытия онлайн-редактора. Не стесняйтесь вносить собственные изменения и посмотрите, как они повлияют на результат. Большинство страниц в этом руководстве имеют подобные редактируемые примеры. ## Как читать это руководство {#how-to-read-this-guide} -В этом руководстве мы рассмотрим строительные блоки приложений на React: элементы и компоненты. Как только вы освоите их, вы сможете создавать сложные приложения из маленьких повторно используемых частей. +В этом руководстве мы рассмотрим строительные блоки React-приложений: элементы и компоненты. После их освоения, вы сможете создавать сложные приложения из маленьких повторно используемых частей. >Совет > ->Это руководство предназначено для людей, которые предпочитают **изучать основные понятия шаг за шагом**. Если вы предпочитаете учиться на практике, ознакомьтесь с нашим [практическим учебником](/tutorial/tutorial.html). Вы можете увидеть что это руководство и учебник дополняют друг друга. +>Это руководство предназначено для людей, которые предпочитают **изучать базовые понятия шаг за шагом**. Если вы предпочитаете учиться на практике, ознакомьтесь с нашим [практическим учебником](/tutorial/tutorial.html). Вам может показаться, что данное руководство и учебник дополняют друг друга. -Это первая глава в пошаговом руководстве об основных понятиях React. Вы можете найти список всех его глав на боковой панели навигации. Если вы читаете это с мобильного устройства, вы можете получить доступ к навигации, нажав кнопку в правом нижнем углу экрана. +Это первая глава в пошаговом руководстве про основные понятия в React. Список всех глав отображён в навигационной панели слева. Если вы читаете руководство с мобильного устройства, открыть навигационое меню можно, если нажать кнопку в правом нижнем углу экрана. -Каждая глава в этом руководстве основана на знаниях представленых в предыдущих главах. **Вы можете изучить большую часть React, прочитав главы руководства «Основные понятия» в том порядке, в котором они разположены на боковой панели.** Например, [«Введение в JSX»](/docs/introducing-jsx.html) - это следующая глава после этой. +Каждая глава в этом руководстве базируется на знаниях, представленых в предыдущих главах. **Большую часть React можно изучить, прочитав главы руководства «Основные понятия» в том порядке, в котором они перечислены на боковой панели.** Например, [«Введение в JSX»](/docs/introducing-jsx.html) — следующая глава. ## Необходимый уровень знаний {#knowledge-level-assumptions} -React - это библиотека JavaScript, поэтому мы предполагаем, что у вас есть базовое понимание языка JavaScript. **Если вы не чувствуете себя уверенно, мы рекомендуем [прочесть учебник JavaScript](https://developer.mozilla.org/ru/docs/Web/JavaScript/A_re-introduction_to_JavaScript) чтобы проверить уровень своих знаний**, что позволит вам пройти руководство не теряясь. Это может занять от 30 минут до часа, но в результате вам не нужно будет чувствовать что вы одновременно изучаете и React и JavaScript. +React — это библиотека JavaScript, поэтому мы предполагаем, что у вас есть базовое понимание языка JavaScript. **Если вы чувствуете себя неуверенно, мы рекомендуем [прочесть введение в JavaScript](https://developer.mozilla.org/ru/docs/Web/JavaScript/A_re-introduction_to_JavaScript) для проверки своих знаний**; оно облегчит чтение руководство по React. Это займёт от 30 минут до часа, но в результате у вас не будет ощущение, что вы одновременно изучаете и React, и JavaScript. >Заметка > ->В этом руководстве иногда используются более новый синтаксис JavaScript в примерах. Если вы не работали с JavaScript в последние несколько лет, [эти три пункта](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) должны помочь вам в этом. +>В примерах руководства иногда используются новый синтаксис JavaScript. Если вы не работали с JavaScript в последние несколько лет, [эти три пункта](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) должны помочь вам. +## Давайте начнём! {#lets-get-started} -## Давайте начнем! {#lets-get-started} - -Продолжайте прокручивать страницу вниз, и вы найдете ссылку на [следующую главу этого руководства](/docs/introducing-jsx.html) прямо перед нижнем навигационным меню сайта. +Прокрутите страницу немного ниже, чтобы перейти в [следующую главу руководства](/docs/introducing-jsx.html). From 63c83cf62d3fc2b4ae3192057246f6790ffadd94 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Fri, 8 Feb 2019 22:00:36 +0300 Subject: [PATCH 3/7] hello-world: fixes --- content/docs/hello-world.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 8ccbb0fa1..845a03ea0 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -19,7 +19,7 @@ ReactDOM.render( [](codepen://hello-world) -Нажмите на ссылку выше для открытия онлайн-редактора. Не стесняйтесь вносить собственные изменения и посмотрите, как они повлияют на результат. Большинство страниц в этом руководстве имеют подобные редактируемые примеры. +Нажмите на ссылку выше для открытия онлайн-редактора. Не стесняйтесь вносить собственные изменения и смотреть, как они повлияют на результат. Большинство страниц в этом руководстве имеют подобные редактируемые примеры. ## Как читать это руководство {#how-to-read-this-guide} @@ -35,7 +35,7 @@ ReactDOM.render( ## Необходимый уровень знаний {#knowledge-level-assumptions} -React — это библиотека JavaScript, поэтому мы предполагаем, что у вас есть базовое понимание языка JavaScript. **Если вы чувствуете себя неуверенно, мы рекомендуем [прочесть введение в JavaScript](https://developer.mozilla.org/ru/docs/Web/JavaScript/A_re-introduction_to_JavaScript) для проверки своих знаний**; оно облегчит чтение руководство по React. Это займёт от 30 минут до часа, но в результате у вас не будет ощущение, что вы одновременно изучаете и React, и JavaScript. +React — это библиотека JavaScript, поэтому мы предполагаем, что у вас есть базовое понимание языка JavaScript. **Если вы чувствуете себя неуверенно, мы рекомендуем [прочесть введение в JavaScript](https://developer.mozilla.org/ru/docs/Web/JavaScript/A_re-introduction_to_JavaScript) для проверки своих знаний**; оно облегчит чтение руководство по React. Это займёт от 30 минут до часа, но в результате у вас не будет ощущения, что вы одновременно изучаете и React, и JavaScript. >Заметка > From b79476ba51e41add5af8196d3db70b6ef3705902 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 9 Feb 2019 00:10:49 +0300 Subject: [PATCH 4/7] hello-world: improvements --- content/docs/hello-world.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 845a03ea0..f53311e3c 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -37,11 +37,11 @@ ReactDOM.render( React — это библиотека JavaScript, поэтому мы предполагаем, что у вас есть базовое понимание языка JavaScript. **Если вы чувствуете себя неуверенно, мы рекомендуем [прочесть введение в JavaScript](https://developer.mozilla.org/ru/docs/Web/JavaScript/A_re-introduction_to_JavaScript) для проверки своих знаний**; оно облегчит чтение руководство по React. Это займёт от 30 минут до часа, но в результате у вас не будет ощущения, что вы одновременно изучаете и React, и JavaScript. ->Заметка +>Обратите внимание > >В примерах руководства иногда используются новый синтаксис JavaScript. Если вы не работали с JavaScript в последние несколько лет, [эти три пункта](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) должны помочь вам. -## Давайте начнём! {#lets-get-started} +## Начинаем! {#lets-get-started} Прокрутите страницу немного ниже, чтобы перейти в [следующую главу руководства](/docs/introducing-jsx.html). From 51313939d101250d339fd310f4e4f84cb7180bfa Mon Sep 17 00:00:00 2001 From: Alex Zherdev Date: Sat, 9 Feb 2019 15:45:26 +0200 Subject: [PATCH 5/7] Update content/docs/hello-world.md Typo correction Co-Authored-By: ModPhoenix --- content/docs/hello-world.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index f53311e3c..b337a109f 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -29,7 +29,7 @@ ReactDOM.render( > >Это руководство предназначено для людей, которые предпочитают **изучать базовые понятия шаг за шагом**. Если вы предпочитаете учиться на практике, ознакомьтесь с нашим [практическим учебником](/tutorial/tutorial.html). Вам может показаться, что данное руководство и учебник дополняют друг друга. -Это первая глава в пошаговом руководстве про основные понятия в React. Список всех глав отображён в навигационной панели слева. Если вы читаете руководство с мобильного устройства, открыть навигационое меню можно, если нажать кнопку в правом нижнем углу экрана. +Это первая глава в пошаговом руководстве про основные понятия в React. Список всех глав отображён в навигационной панели слева. Если вы читаете руководство с мобильного устройства, открыть навигационное меню можно, если нажать кнопку в правом нижнем углу экрана. Каждая глава в этом руководстве базируется на знаниях, представленых в предыдущих главах. **Большую часть React можно изучить, прочитав главы руководства «Основные понятия» в том порядке, в котором они перечислены на боковой панели.** Например, [«Введение в JSX»](/docs/introducing-jsx.html) — следующая глава. From cba161e4f64c4e2c894ba3aaec77015fcef0f4d7 Mon Sep 17 00:00:00 2001 From: Alex Zherdev Date: Sat, 9 Feb 2019 15:49:14 +0200 Subject: [PATCH 6/7] Update content/docs/hello-world.md Improvement Co-Authored-By: ModPhoenix --- content/docs/hello-world.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index b337a109f..2a768bf8d 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -43,6 +43,6 @@ React — это библиотека JavaScript, поэтому мы предп ## Начинаем! {#lets-get-started} -Прокрутите страницу немного ниже, чтобы перейти в [следующую главу руководства](/docs/introducing-jsx.html). +Прокрутите страницу немного ниже, чтобы перейти к [следующей главе руководства](/docs/introducing-jsx.html). From ec63ba8856141599d2b876a9d754853065e7ef29 Mon Sep 17 00:00:00 2001 From: Bogdan Ivanchenko Date: Sat, 9 Feb 2019 15:59:47 +0200 Subject: [PATCH 7/7] Improved translation --- content/docs/hello-world.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 2a768bf8d..8f7ada204 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -15,29 +15,29 @@ ReactDOM.render( ); ``` -На странице отобразится заголовок «Hello, world!». +На странице появится заголовок «Hello, world!». [](codepen://hello-world) -Нажмите на ссылку выше для открытия онлайн-редактора. Не стесняйтесь вносить собственные изменения и смотреть, как они повлияют на результат. Большинство страниц в этом руководстве имеют подобные редактируемые примеры. +По ссылке выше находится онлайн-редактор. Попробуйте отредактировать код и посмотрите, как изменится результат. Мы ещё увидим много таких интерактивных примеров. ## Как читать это руководство {#how-to-read-this-guide} -В этом руководстве мы рассмотрим строительные блоки React-приложений: элементы и компоненты. После их освоения, вы сможете создавать сложные приложения из маленьких повторно используемых частей. +В этом руководстве мы рассмотрим строительные блоки React-приложений: элементы и компоненты. Освоив их, вы сможете создавать сложные приложения из маленьких повторно используемых частей. >Совет > ->Это руководство предназначено для людей, которые предпочитают **изучать базовые понятия шаг за шагом**. Если вы предпочитаете учиться на практике, ознакомьтесь с нашим [практическим учебником](/tutorial/tutorial.html). Вам может показаться, что данное руководство и учебник дополняют друг друга. +>Это руководство предназначено для людей, которые предпочитают **изучать базовые понятия шаг за шагом**. Если вы предпочитаете учиться на практике, ознакомьтесь с нашим [практическим учебником](/tutorial/tutorial.html). Учебник и руководство в чем-то дополняют друг друга. -Это первая глава в пошаговом руководстве про основные понятия в React. Список всех глав отображён в навигационной панели слева. Если вы читаете руководство с мобильного устройства, открыть навигационное меню можно, если нажать кнопку в правом нижнем углу экрана. +Это первая глава в пошаговом руководстве про основные понятия в React. Оглавление находится в боковой панели. Если вы читаете руководство с мобильного устройства, открыть навигационное меню можно, если нажать кнопку в правом нижнем углу экрана. -Каждая глава в этом руководстве базируется на знаниях, представленых в предыдущих главах. **Большую часть React можно изучить, прочитав главы руководства «Основные понятия» в том порядке, в котором они перечислены на боковой панели.** Например, [«Введение в JSX»](/docs/introducing-jsx.html) — следующая глава. +Каждая глава в этом руководстве опирается на знания из предыдущей. **Большую часть React можно изучить, прочитав главы руководства «Основные понятия» в том порядке, в котором они перечислены на боковой панели.** Например, [«Введение в JSX»](/docs/introducing-jsx.html) — следующая глава. ## Необходимый уровень знаний {#knowledge-level-assumptions} -React — это библиотека JavaScript, поэтому мы предполагаем, что у вас есть базовое понимание языка JavaScript. **Если вы чувствуете себя неуверенно, мы рекомендуем [прочесть введение в JavaScript](https://developer.mozilla.org/ru/docs/Web/JavaScript/A_re-introduction_to_JavaScript) для проверки своих знаний**; оно облегчит чтение руководство по React. Это займёт от 30 минут до часа, но в результате у вас не будет ощущения, что вы одновременно изучаете и React, и JavaScript. +React — это библиотека JavaScript, поэтому мы предполагаем, что у вас есть базовое понимание языка JavaScript. **Если вы чувствуете себя неуверенно, мы рекомендуем [прочесть введение в JavaScript](https://developer.mozilla.org/ru/docs/Web/JavaScript/A_re-introduction_to_JavaScript) для проверки своих знаний**; оно облегчит чтение руководства по React. Это займёт от 30 минут до часа, но в результате у вас не будет ощущения, что вы одновременно изучаете и React, и JavaScript. ->Обратите внимание +>Примечание > >В примерах руководства иногда используются новый синтаксис JavaScript. Если вы не работали с JavaScript в последние несколько лет, [эти три пункта](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) должны помочь вам.