diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 2fff80254..8f7ada204 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,34 @@ 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) для проверки своих знаний**; оно облегчит чтение руководства по React. Это займёт от 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).