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