Namestitev in priprava React aplikacije

V tej lekciji bomo začeli z namestitvijo in pripravo React aplikacije, saj jo bomo v nadaljevanju uporabljali v povezavi z Redux. Obstajajo hitrejši načini za ustvarjanje predloge React aplikacije z Redux (kar mimogrede ne pomeni vedno enostavno, še posebej za začetnike), ki so navedeni v uradni dokumentaciji, vendar bomo šli od začetka.

Za začetek bomo ustvarili React aplikacijo my-app z uporabo Vite (to je moderna zamenjava za Webpack). Za to bomo odprli terminal in vnesli naslednje ukaze (v ponujenih možnostih, če so na voljo, izberemo React in nato JavaScript):

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

Zaženimo ustvarjeno aplikacijo:

npm run dev

Odprimo v brskalniku predlagano povezavo http://localhost:5173/ in videli bomo znan zaslon. Vse deluje.

Zdaj pa odstranimo odvečno. Očistimo mapo public. V mapi src pustimo le main.jsx, index.css in App.jsx (v index.css in App.jsx popolnoma izbrišemo vsebino).

V datoteki index.html zamenjajmo besedilo naslova z:

<title>React Redux App</title>

Ustvarite React aplikacijo in se prepričajte, da deluje.

Izbrišite odvečne datoteke in mape.