React lietotnes instalēšana un sagatavošana
Šajā nodarbībā mēs sāksim ar React lietotnes instalēšanu un sagatavošanu, jo turpmāk mēs to izmantosim kopā ar Redux. Ir ātrāki veidi, kā izveidot React lietotnes veidni ar Redux (kas, starp citu, ne vienmēr nozīmē vienkārši, it īpaši iesācējiem), kas norādīti oficiālajā dokumentācijā, bet mēs iesim no nulles.
Lai sāktu, izveidosim React lietotni
my-app, izmantojot Vite
(šis ir moderns Webpack aizstājējs).
Lai to izdarītu, atvērsim termināli
un ievadīsim šādas komandas (piedāvātajās opcijās,
ja tādas ir, izvēlēsimies React un pēc tam JavaScript):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Palaidīsim izveidoto lietotni:
npm run dev
Atvērsim pārlūkprogrammā piedāvāto saiti
http://localhost:5173/ un redzēsim
pazīstamo sākuma ekrānu. Viss strādā.
Tagad noņemsim lieko. Notīrīsim mapi public.
Mapē src atstāsim tikai main.jsx,
index.css un App.jsx (index.css
un App.jsx pilnībā izdzēsīsim saturu).
Failā index.html aizstāsim
virsraksta tekstu ar:
<title>React Redux App</title>
Izveidojiet React lietotni un pārliecinieties, ka tā darbojas.
Izdzēsiet liekos failus un mapes.
