Reacti rakenduse paigaldamine ja ettevalmistus

Selles õppetükis alustame Reacti rakenduse paigaldamise ja ettevalmistamisega, kuna edaspidi kasutame seda koos Reduxiga. On olemas kiiremaid viise Reacti rakenduse šablooni loomiseks Reduxiga (mis muide ei tähenda alati lihtsust, eriti algajatele), mida on toodud ametlikus dokumentatsioonis, kuid me alustame nullist.

Alustuseks loome Reacti rakenduse my-app kasutades Vite'i (see on moodne asendus Webpack'ile). Selleks avame terminali ja sisestame järgmised käsud (pakutud valikutes, kui neid on, valime React ja seejärel JavaScript):

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

Käivitame loodud rakenduse:

npm run dev

Avame brauseris pakutud lingi http://localhost:5173/ ja näeme tuttavat avakuva. Kõik töötab.

Nüüd eemaldame üleliigse. Puhastame kausta public. Kaustas src jätame alles ainult main.jsx, index.css ja App.jsx (failides index.css ja App.jsx kustutame sisu täielikult).

Failis index.html asendame pealkirja teksti järgmisega:

<title>React Redux App</title>

Loo Reacti rakendus ja veendu, et see töötab.

Kustuta üleliigsed failid ja kaustad.