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