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.