Данный учебник посвящен популярному 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
Плагин для разработки
Установите в ваш браузер специальный плагин
react-devtools,
помогающий вести разработку на React.