САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

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.

Примечание: Этот учебник использует create-react-app чтобы продемонстрировать примеры React. Вы не сможете запустить те же примеры на своем компьютере, если не установите create-react-app окружающую среду.


Запустить приложение React

Если вы следовали двум приведенным выше командам, то готовы выполнить первую из них real React приложение!

Выполните эту команду, чтобы перейти к следующему шагу myfirstreact директория:

C:\Users\Your Name>cd myfirstreact

Выполните эту команду, чтобы запустить приложение React myfirstreact:

C:\Users\Your Name\myfirstreact>npm start

Новое окно браузера появится вместе с вашим недавно созданным приложением React! Если нет, откройте браузер и введите текст localhost:3000 в адресной строке.

Результат:


Вы узнаете больше о приложении create-react-app в разделе React Get Начать.


То, что вы уже должны знать

Прежде чем начать с React.JS, вы должны иметь промежуточный опыт в:

  • HTML
  • CSS
  • JavaScript

Вы также должны иметь некоторый опыт работы с новыми функциями JavaScript введенный в ECMAScript 6 (ES6), вы узнаете о них в разделе React ES6.