Instalacija i priprema React aplikacije

U ovoj lekciji ćemo početi sa instalacijom i pripremom React aplikacije, pošto ćemo je kasnije koristiti u kombinaciji sa Redux-om. Postoje brži načini za kreiranje šablona React aplikacije sa Redux-om (što, inače, ne znači uvek lako, posebno za početnike), koji su navedeni u zvaničnoj dokumentaciji, ali mi ćemo ići od nule.

Za početak ćemo kreirati React aplikaciju my-app koristeći Vite (ovo je moderna zamena za Webpack). Za to ćemo otvoriti terminal i uneti sledeće komande (u ponuđenim opcijama, ako postoje, izabraćemo React i onda JavaScript):

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

Pokrenimo kreiranu aplikaciju:

npm run dev

Otvorimo u pretraživaču predloženi link http://localhost:5173/ i videćemo poznati početni ekran. Sve radi.

Sada ćemo ukloniti suvišno. Očistimo folder public. U folderu src ostavimo samo main.jsx, index.css i App.jsx (u index.css i App.jsx potpuno obrišimo sadržaj).

U fajlu index.html zamenimo tekst naziva sa:

<title>React Redux App</title>

Kreirajte React aplikaciju i uverite se da ona radi.

Obrišite suvišne fajlove i foldere.