2.2 Hello, World!


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


Код
    
    ReactDOM.render(
      <h1>Hello, world!</h1>,
      document.getElementById('root')
    );
    

Посмотреть в CodePen


Он отрисовывает на странице заголовок с текстом «Hello, world!».

Перейдите по ссылке, чтобы открыть онлайн-редактор кода. Смело внесите изменения в код и посмотрите, как они повлияют на результат. Большинство разделов в этом руководстве будут иметь подобные редактируемые примеры.



2.2.1 Как читать данное руководство


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


Подсказка!

Текущая глава "Быстрый старт" предназначен для людей, которые предпочитают изучать концепции шаг за шагом. Если вы предпочитаете учиться на практике, ознакомьтесь с нашим практическим руководством. В какой-то момент вы можете обнаружить, что они дополняют друг друга.

Это первый раздел в главе "Быстрый старт". Полный список разделов находится на боковой панели навигации.

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



2.2.2 Давайте начнём!


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