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

Для ўстаноўкі фрэймворка вам спатрэбіцца NodeJS 22+ на вашым кампутары. Для стварэння праекта ў камандным радку выканайце наступную каманду:

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

А затым выканайце наступныя каманды:

cd my-app
npm install
npm run dev

Пасля гэтага ў вас з'явіцца папка my-app, якая змяшчае ў сабе фрэймворк. Знайдзіце ў гэтай папцы папку src - гэта будзе ваша працоўная папка, у якой вы будзеце весці распрацоўку вашага праекта.

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

Адкрыйце гэты файл у рэдактары і выдаліце з яго ўсё лішняе, прывёўшы яго вось да такога выгляду:

import React from 'react';

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

export default App;

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

npm run dev