Inštalácia a príprava React aplikácie

V tejto lekcii začneme inštaláciou a prípravou React aplikácie, pretože ju neskôr budeme používať v spojení s Reduxom. Existujú rýchlejšie spôsoby vytvorenia šablóny aplikácie React s Reduxom (čo mimochodom nie vždy znamená ľahko, najmä pre začiatočníkov), ktoré sú uvedené v oficiálnej dokumentácii, ale pôjdeme od nuly.

Na začiatok vytvoríme React aplikáciu my-app pomocou Vite (je to moderná náhrada Webpacku). Preto otvoríme terminál a zadáme nasledujúce príkazy (v ponúknutých možnostiach, pokiaľ nejaké sú, vyberieme React a potom JavaScript):

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

Spustíme vytvorenú aplikáciu:

npm run dev

Otvorme v prehliadači navrhovaný odkaz http://localhost:5173/ a uvidíme známu úvodnú obrazovku. Všetko funguje.

Teraz odstránime prebytočné. Vyčistíme priečinok public. V priečinku src necháme len main.jsx, index.css a App.jsx (v index.css a App.jsx úplne odstránime obsah).

V súbore index.html nahradíme text titulku na:

<title>React Redux App</title>

Vytvorte React aplikáciu a uistite sa, že funguje.

Odstráňte prebytočné súbory a priečinky.