Инсталација 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