Установка фреймворка React

Данный учебник посвящен популярному jаvascript фреймворку React. Для его изучения вам необходимо знать чистый jаvascript, основы командной строки, работу с npm и npx, работу с модулями ES6.

Для установки фреймворка вам понадобятся NodeJS не ниже версии 8.10 и npm не ниже версии 5.6 на вашем компьютере. Для создания проекта в командной строке выполните следующие команды:

npx create-react-app my-app
cd my-app
npm start

где my-app - название нашего проекта (каталога с исходниками)

После этого у вас появится папка my-app, содержащая в себе фреймворк. Найдите в этой папке папку src - это будет ваша рабочая папка, в которой вы будете вести разработку вашего проекта.

В папке src найдите файл App.js. Ближайшие уроки этот файл будет вашим основным рабочим файлом. В нем вы будете писать код, наблюдая его результаты в окне браузера.

Откройте этот файл в редакторе и удалите из него все лишнее, приведя его вот к такому виду:

import React from 'react';

function App() {
    return

;
}

export default App;

После того, как ваш проект установлен, для следующего запуска (например, после перезагрузки компьютера) вам достаточно будет перейти через терминал в папку my-app и выполнить следующую команду:

npm start

Все команды вводятся в терминале?