React-Ilova Oʻrnatish va Tayyorlash

Ushbu darsda biz React-ilovani oʻrnatish va tayyorlashdan boshlaymiz, chunki keyinchalik biz uni Redux bilan bogʻlab foydalanamiz. React ilovasini Redux bilan yaratishning tezroq usullari mavjud (rasmiy hujjatlarda koʻrsatilgan, ammo bu, ayniqsa yangi boshlanuvchilar uchun, har doim ham oson emas), lekin biz noldan boshlaymiz.

Boshlash uchun, Vite (yangi Webpack oʻrnini bosuvchi) yaratish vositasidan foydalanib, my-app nomli React-ilovani yaratamiz. Buning uchun terminalni ochamiz va quyidagi buyruqlarni kiritamiz (taklif qilingan imkoniyatlarda, agar mavjud boʻlsa, React va keyin JavaScriptni tanlaymiz):

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

Yaratilgan ilovani ishga tushiramiz:

npm run dev

Brauzerdagi taklif qilingan http://localhost:5173/ havolasini ochamiz va tanish ekranni koʻramiz. Hammasi ishlaydi.

Endi ortiqcha narsalarni oʻchiramiz. public papkasini tozaymiz. src papkasida faqat main.jsx, index.css va App.jsx fayllarini qoldiramiz (index.css va App.jsx fayllaridagi barcha mazmunni butunlay oʻchiramiz).

index.html faylida sarlavha matnini quyidagiga almashtiramiz:

<title>React Redux App</title>

React-ilova yarating va u ishlayotganiga ishonch hosil qiling.

Ortiqcha fayl va papkalarni oʻchiring.