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):

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

Palaidīsim izveidoto lietotni:

terminalnpm 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:

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