Фреймворки 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