Реагировать Учебник

❮ Домой Следующий ❯

[+:

React — это библиотека JavaScript для создания пользовательских интерфейсов.

React используется для создания одностраничных приложений.

React позволяет нам создавать многократно используемые компоненты пользовательского интерфейса.

Начните изучать React прямо сейчас ❯

Обучение на примерах

Наш инструмент Show React упрощает демонстрацию React. Он показывает как код, так и результат.

Пример:

import React from 'react';
import ReactDOM from 'react-dom';

function Hello(props) {
  return <h1>Hello World!</h1>;
}

ReactDOM.render(<Hello />, document.getElementById('root'));

Обучение упражнениями

Ответная викторина

Проверьте свои навыки React с помощью викторины.

Ответная викторина

Создать React-приложение

Чтобы изучить и протестировать React, вы должны настроить React Environment на своем компьютере.

В этом руководстве используется формат create-react-app.

Этот create-react-appинструмент является официально поддерживаемым способом создания приложений React.

Node.js требуется для использования create-react-app.

Откройте свой терминал в каталоге, в котором вы хотите создать свое приложение.

Запустите эту команду, чтобы создать приложение React с именем my-react-app:

npx create-react-app my-react-app

create-react-appнастроит все, что вам нужно для запуска приложения React.

Примечание. Если вы ранее устанавливали create-react-appглобально, рекомендуется удалить пакет, чтобы гарантировать, что npx всегда использует последнюю версию create-react-app. Чтобы удалить, выполните эту команду: npm uninstall -g create-react-app.

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

Запустите эту команду, чтобы перейти в my-react-appкаталог:

cd my-react-app

Запустите эту команду, чтобы запустить приложение React my-react-app:

npm start

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

Результат:

Вы узнаете больше об этом create-react-appв главе «Начало работы с React ».

Что вы уже должны знать

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

HTML
CSS
JavaScript

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

❮ Домой Следующий ❯