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