Usakinishaji wa Framework ya React

Ili kusakinisha framework utahitaji NodeJS 22+ kwenye kompyuta yako. Ili kuunda mradi kwenye mstari wa amri, tekeleza amri ifuatayo:

npm create vite@latest my-app -- --template react

Kisha tekeleza amri zifuatazo:

cd my-app
npm install
npm run dev

Baada ya hayo, utakuwa na folda my-app, iliyo na framework ndani yake. Tafuta kwenye folda hiyo folda src - hii itakuwa folda yako ya kazi, ambayo utatumia kuendeleza mradi wako.

Kwenye folda src, tafuta faili App.js. Masomo yajayo faili hii itakuwa faili yako kuu ya kazi. Ndani yake utaandika code, ukiwaona matokeo yake kwenye dirisha la kivinjari.

Fungua faili hii kwenye kihariri na ufute kila kitu kisichohitajika, ukibadilisha kuwa namna hii:

import React from 'react';

function App() {
	return <div>
		maandishi
	</div>;
}

export default App;

Baada ya mradi wako kusakinishwa, ili kuwasha tena (kwa mfano, baada ya kuwasha upya kompyuta) itakubidi uingie kwenye mstari wa amri kwenye folda my-app na kutekeleza amri ifuatayo:

npm run dev