React programos įdiegimas ir paruošimas

Šioje pamokoje mes pradėsime nuo React programos įdiegimo ir paruošimo, nes toliau ją naudosime kartu su Redux. Yra greitesnių būdų sukurti React su Redux programos šabloną (kas, beje, ne visada reiškia lengva, ypač pradedantiesiems), kurie nurodyti oficialioje dokumentacijoje, bet mes eisime nuo nulio.

Pirmiausia sukursime React programą my-app naudodami Vite (tai madinga Webpack pakaitalas). Tam atidarysime terminalą ir įvesime šias komandas (pasiūlomose parinktyse, jei tokios yra, pasirinksime React ir tada JavaScript):

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

Paleiskime sukurtą programą:

terminalnpm run dev

Atidarykime naršyklėje pasiūlytą nuorodą http://localhost:5173/ ir pamatysime pažįstamą ekraną. Viskas veikia.

Dabar pašalinkime nereikalingus dalykus. Išvalykime aplanką public. Aplanke src palikime tik main.jsx, index.css ir App.jsx (index.css ir App.jsx visiškai ištrynkime turinį).

Faile index.html pakeiskime pavadinimo tekstą į:

index.html<title>React Redux App</title>