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