Instalacija React okvira

Za instalaciju okvira biće vam potrebna NodeJS 22+ na vašem računaru. Za kreiranje projekta u komandnoj liniji izvršite sledeću komandu:

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

A zatim izvršite sledeće komande:

terminalcd my-app
npm install
npm run dev

Nakon toga, imaćete folder my-app, koji sadrži okvir. Pronađite u tom folderu folder src - to će biti vaš radni folder u kojem ćete razvijati vaš projekat.

U folderu src pronađite fajl App.js. U narednim lekcijama ovaj fajl će biti vaš osnovni radni fajl. U njemu ćete pisati kod, posmatrajući njegove rezultate u prozoru brauzera.

Otvorite ovaj fajl u editoru i obrišite sve suvišno, dovodeći ga u ovakav oblik:

App.jsimport React from 'react';

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

export default App;

Nakon što je vaš projekat instaliran, za svako naredno pokretanje (na primer, nakon restartovanja računara) dovoljno će biti da preko terminala uđete u folder my-app i izvršite sledeću komandu:

terminalnpm run dev