Самый простой способ начать работу с React – использовать CodePen. Вам ничего не нужно устанавливать; вы можете просто открыть в другой вкладке и пробовать примеры. Если вы предпочитаете использовать локальную среду разработки, посмотрите страницу установки.
Простейшее приложение на React выглядит примерно так:
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);Код выводит заголовок страницы “Hello, world”.
Следующие несколько разделов будут постепенно вводить вас в использование React. Мы рассмотрим элементы и компоненты React. Как только вы освоите их, вы сможете создавать сложные приложения из небольших многоразовых элементов.
Примечание по JavaScript
React – это библиотека JavaScript, и поэтому предполагается, что у вас есть базовое понимание языка JavaScript. Если вы не чувствуете себя очень уверенно, мы рекомендуем освежить ваши знания JavaScript, чтобы вы могли легко продолжать изучение React. В примерах используем синтаксис ES6. Мы стараемся использовать как можно меньше, потому что он относительно новый, но мы рекомендуем вам ознакомиться со стрелочными функциями, классами, литералами шаблонов, let и const. Вы можете использовать Babel REPL, чтобы проверить, во что компилирует код ES6.
