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>
		текст
	</div>;
}

export default App;

Долбоор орнотулгандан кийин, кийинки иштөө үчүн (мисалы, компьютерди кайра жүктөгөндөн кийин) сизге буйрук сабы аркылуу my-app папкасына кирип, төмөнкү буйрукту аткаруу жетиштүү:

npm run dev