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

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

terminalnpm create vite@latest my-app -- --template react

А затем выполните следующие команды:

terminalcd my-app
npm install
npm run dev

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

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

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

App.jsimport React from 'react';

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

export default App;

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

terminalnpm run dev