Устаноўка фрэймворка 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