Привет, Мир (React Hello World)

React Hello World или Привет, Мир — простейший шаг начать разработку с React. Познакомьтесь с этим примером кода Hello World на CodePen. Вам не нужно что-либо устанавливать;  просто откройте пример в другой папке и следуйте за описанием примеров на React. Если раньше вы настроили локальную среду разработки, то проверьте страницу Установка React.

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

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

Код отрисует на странице заголовок «Hello World».

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

Обратите внимание на JavaScript

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

В примерах также будет использоваться синтаксис ES6. Мы стараемся использовать его экономно, потому что это все еще относительно новое, но мы рекомендуем вам ознакомиться со стрелкой функций, классами, шаблонами литералов, let и const выражениями. Вы можете использовать Babel REPL, для проверки компилируемости кода ES6.