React Учебник
React - это библиотека JavaScript для создания пользовательских интерфейсов.
React используется для создания одностраничных приложений.
React позволяет нам создавать повторно используемые компоненты пользовательского интерфейса.
Начать изучение React немедленно »Обучение на примерах
Наш инструмент "Показать React" позволяет легко продемонстрировать React, он показывает и код, и результат.
Пример:
import React from 'react';
import ReactDOM from 'react-dom';
class Test extends React.Component {
render() {
return <h1>Hello World!</h1>;
}
}
ReactDOM.render(<Test />, document.getElementById('root'));
Создать приложение React
Чтобы изучить и протестировать React, вы должны настроить React среду на своем компьютере.
В этом учебнике используется create-react-app.
create-react-app - официально поддерживаемый способ создания приложений React.
Если у вас установлены NPM и Node.js, вы можете создать приложение React, предварительно установив create-react-app.
Установите create-react-app, выполнив эту команду в своём терминале (командной строке):
C:\Users\Your Name>npm install -g create-react-app
Теперь вы готовы создать свое первое приложение React!
Запустите эту команду, чтобы создать приложение React с именем myfirstreact:
C:\Users\Your Name>npx create-react-app myfirstreact
create-react-app настроит все необходимое для запуска приложения React.
Примечание: В этом учебнике для демонстрации примеров React используется create-react-app. Вы не сможете запускать те же примеры на своем компьютере, если не установите среду create-react-app.
Запустите приложение React
Если вы выполнили две приведенные выше команды, вы готовы запустить свое первое настоящее приложение React!
Выполните эту команду, чтобы перейти в каталог myfirstreact:
C:\Users\Your Name>cd myfirstreact
Запустите эту команду, чтобы запустить приложение React myfirstreact:
C:\Users\Your Name\myfirstreact>npm start
Появится новое окно браузера с вашим недавно созданным приложением React! Если нет, откройте браузер и введите localhost:3000 в адресной строке.
Результат:
Вы узнаете больше о приложении create-react-app в главе React СТАРТ.
Что вы уже должны знать
Прежде чем начать работу с React.JS, вы должны иметь некоторый опыт работы с:
- HTML
- CSS
- JavaScript
Вы также должны иметь некоторый опыт работы с новыми функциями JavaScript, представленными в ECMAScript 6 (ES6), вы узнаете о них в главе React ES6.
