React bilan ishlashni boshlash
React-dan ishlab chiqarishda foydalanish uchun Node.js-ga kiritilgan npm kerak.
Shuningdek, siz React Environment-ni o‘rnatishingiz va qurish vositasini tanlashingiz kerak.
React muhitini sozlash
Birinchidan, Node.js o‘rnatilganligiga ishonch hosil qiling. Buni terminalda ishga tushirish orqali tekshirishingiz mumkin:
node -v
Node.js o‘rnatilgan bo‘lsa, siz versiya raqami bilan natija olasiz:
v22.15.0
Aks holda, Node.js-ni o‘rnatishingiz kerak bo‘ladi.
Build vositasini o‘rnatish (Vite)
Node.js o‘rnatilgan bo‘lsa, qurish vositasini tanlash orqali React ilovasini yaratishni boshlashingiz mumkin.
Ushbu qo‘llanmada Vite qurish vositasidan foydalanamiz.
Vite-ni o‘rnatish uchun ushbu buyruqni bajaring:
npm install -g create-vite
Agar o‘rnatish muvaffaqiyatli bo‘lsa, quyidagiga o‘xshash natijani olasiz:
added 1 package in 649ms
React ilovasini yarating
my-react-app nomli React ilovasini yaratish uchun ushbu buyruqni bajaring:
npm create vite@latest my-react-app -- --template react
Agar siz ushbu xabarni olsangiz, davom etish uchun y tugmasini bosing va Enter tugmasini bosing:
Need to install the following packages:
create-vite@9.0.7
Ok to proceed? (y)
Keyin bu xabarni olishingiz mumkin, davom etish uchun Enter tugmasini bosing:
> npx
> create-vite my-react-app --template react
|
* Install with npm and start now?
| > Yes / No
-
Agar yaratish muvaffaqiyatli bo‘lsa, siz shunday natijaga erishasiz:
VITE v8.0.15 ready in 262 ms
→ Local: http://localhost:5173/
→ Network: use --host to expose
→ press h + enter to show help
Yangi yaratilgan React ilovangiz bilan yangi brauzer oynasi ochiladi! Agar ochilmasa, brauzeringizni oching va manzil satriga localhost:5173ni yozing.
Natija:
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!