React-иловани ўрнатиш ва тайёрлаш

Ушбу дарсда биз React-иловани ўрнатиш ва тайёрлаш билан бошлаймиз, чунки кейинчалик уни Redux билан бирга ишлатамиз. React иловасини Redux билан яратишнинг тезрок усуллари мавжуд (расмий ҳужжатларда кўрсатилган), аммо биз бошланғич қадамдан бошлаймиз.

Бошлаш учун, биз Vite ёрдамида my-app номли React-иловани яратамиз (бу Webpackнинг замонавий алмаштиғидир). Буни амалга ошириш учун терминални очиб, куйидаги буйруқларни киритамиз (таклиф этилган вариантларда React ва сўнгра JavaScriptни танлаймиз):

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

Яратилган иловани ишга туширамиз:

npm run dev

Браузерда таклиф этилган ҳаволани http://localhost:5173/ очиб, таниш экранни кўрамиз. Ҳаммаси ишлайди.

Энди ортиқча нарсаларни ўчирамиз. public папкасини тозалаймиз. src папкасида фақат main.jsx, index.css ва App.jsx ни қолдирамиз (index.css ва App.jsx файлларининг ичини тўлиқ ўчирамиз).

index.html файлидаги сарлавҳа матнини куйидагича алмаштирамиз:

<title>React Redux App</title>

React-илова яратинг ва унинг ишлашига ишонч ҳосил қилинг.

Ортиқча файл ва папкаларни ўчиринг.