Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
47 lines (31 sloc) 3.91 KB
id title permalink prev next
hello-world
Привет, мир
docs/hello-world.html
cdn-links.html
introducing-jsx.html

Самый маленький пример на React выглядит так:

ReactDOM.render(
  <h1>Привет, мир!</h1>,
  document.getElementById('root')
);

На странице появится заголовок «Привет, мир!».

По ссылке выше находится онлайн-редактор. Попробуйте отредактировать код и посмотрите, как изменится результат. Мы ещё увидим много таких интерактивных примеров.

Как читать это руководство {#how-to-read-this-guide}

В этом руководстве мы рассмотрим строительные блоки React-приложений: элементы и компоненты. Освоив их, вы сможете создавать сложные приложения из маленьких повторно используемых частей.

Совет

Это руководство предназначено для людей, которые предпочитают изучать базовые понятия шаг за шагом. Если вы предпочитаете учиться на практике, ознакомьтесь с нашим практическим введением. Учебник и руководство в чем-то дополняют друг друга.

Это первая глава в пошаговом руководстве про основные понятия в React. Оглавление находится в боковой панели. Если вы читаете руководство с мобильного устройства, открыть навигационное меню можно, если нажать кнопку в правом нижнем углу экрана.

Каждая глава в этом руководстве опирается на знания из предыдущей. Большую часть React можно изучить, прочитав главы руководства «Основные понятия» в том порядке, в котором они перечислены на боковой панели. Например, «Знакомство с JSX» — следующая глава.

Необходимый уровень знаний {#knowledge-level-assumptions}

React — это библиотека JavaScript, поэтому мы предполагаем, что у вас есть базовое понимание языка JavaScript. Если вы чувствуете себя неуверенно, мы рекомендуем прочесть введение в JavaScript для проверки своих знаний; оно облегчит чтение руководства по React. Это займёт от 30 минут до часа, но в результате у вас не будет ощущения, что вы одновременно изучаете и React, и JavaScript.

Примечание

В примерах руководства иногда используются новый синтаксис JavaScript. Если вы не работали с JavaScript в последние несколько лет, эти три пункта должны помочь вам.

Начинаем! {#lets-get-started}

Прокрутите страницу немного ниже, чтобы перейти к следующей главе руководства.

You can’t perform that action at this time.