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

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

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

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

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

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

import React from 'react';

function App() {
return <div>
text
</div>;
}

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

npm start