Asosiy kontentga o'tish

AI Generatsiyasi Qanday Ishlaydi

Siz ilovani tavsiflaysiz. AppX kodni rejalashtiradi, yaratadi va tekshiradi; ish tugagach, natijani telefoningizda sinashingiz mumkin. Vaqt hajm va murakkablikka bog'liq. Jarayonni tushunish yaxshiroq prompt yozish va build holatini kuzatishga yordam beradi.

AppX haqiqiy Expo + React Native kod generatsiya qiladi — uslublash uchun StyleSheet, ikonkalar uchun lucide-react-native. Bu siz tegib bo'lmaydigan vizual-quruvchi eksporti emas, balki siz ko'rishingiz, tahrirlashingiz va yetkazib berishingiz mumkin bo'lgan haqiqiy kod.

Reja → Generatsiya → Tekshirish​

Har bir yangi ilova uchta bosqichdan o'tadi:

1. PLAN
AI promptingizni o'qiydi va aniqlaydi:
- Qaysi ekranlarni qurish kerakligini
- Har bir ekranga kerakli ma'lumotlar va ular qanday oqishini
- Navigatsiya ekranlarni qanday bog'lashini
↓

2. GENERATE
Har bir ekran uchun AI yozadi:
- React Native + TypeScript kod
- StyleSheet uslublari + lucide-react-native ikonkalari
- Rejalashtirilgan navigatsiya va holat
↓

3. VALIDATE
Har bir fayl avtomatik tekshiriladi:
- Sintaksis
- Topiladigan paketlar va importlar
- Butun loyiha uchun TypeScript tekshiruvi

1. Reja​

Bir qator kod yozishdan oldin AI reja ishlab chiqaradi — ekranlar ro'yxati, navigatsiya shakli (tablar, stack yoki aralash) va hammasini bog'laydigan ma'lumotlar modeli. Aynan shu narsa ko'p ekranli ilovani bir-biriga bog'liq bo'lmagan ekranlar to'plami emas, balki yaxlit holatda saqlaydi.

Har bir yangi ilova reja kartasidan boshlanadi: rejalashtirilgan ekranlar va "About N credits" (taxminan N kredit). Boshlash uchun Build first milestone tugmasini bosing, reja sizga to'g'ri kelmasa — Stop. Mavjud ilovadagi tahrirlar darhol bajariladi.

2. Generatsiya​

Reja tayyor bo'lgach, AI har bir ekranni yozadi: to'liq TypeScript, StyleSheet.create uslublash, navigatsiya hooklari va holat. Ekran ishga tushishlar orasida ma'lumotlarni eslab qolishi kerak bo'lganda, u qurilma ichidagi saqlashni ulaydi.

Har bir generatsiya qilingan ilova bitta izchil stekni ulashadi:

  • Fayl asosidagi navigatsiya uchun Expo Router
  • Uslublash uchun StyleSheet.create
  • Ikonkalar uchun lucide-react-native
  • Boshidan oxirigacha TypeScript

Stek ataylab qat'iy belgilangan — izchil, tekshirilgan natija har bir qurishda boshqacha toolkit'dan ko'ra afzalroq. (AppX NativeWind yoki react-native-paper ilovalarini generatsiya qilmaydi.)

3. Tekshirish​

Har bir fayl telefoningizga yetib borishidan oldin avtomatik tekshiruvlardan o'tadi: sintaksis, topiladigan paketlar va importlar hamda butun loyiha uchun TypeScript tekshiruvi. Tekshiruv o'tmasa, AppX xatoni o'qiydi, tuzatadi va o'zi qaytadan quradi.

Chat orqali takomillashtirish​

Ilovangiz mavjud bo'lgach, siz uni suhbat orqali shakllantirasiz. Tahrirlar to'liq qurishga nisbatan qattiqroq, jarrohlik aniqligidagi siklni ishga tushiradi:

  1. AI o'ziga kerakli kodni o'qiydi.
  2. U faqat o'zgarishi kerak bo'lgan qismga aniq, maqsadli o'zgarishlar kiritadi — to'liq qayta yozish emas.
  3. O'zgarish qo'llaniladi va tekshiriladi.
  4. Agar biror narsa noto'g'ri bo'lsa, AI xatoni ko'radi va tuzatadi — bu ichki qayta urinishlar bir xil burilishning bir qismidir.
  5. Tahrir qo'llanadi va ko'rinish yangilanadi. Ortga qaytish uchun navbat kartasidagi Undo tugmasini bosing yoki loyiha menyusi → Versiyalar tarixi → Restore ni oching.

Jarrohlik tahrirlari qayta yozishlardan xavfsizroq: AI faqat siz so'ragan narsaga tegadi, shuning uchun ekraningizning qolgan qismi aynan oldingidek qoladi.

Biror narsa muvaffaqiyatsiz bo'lganda​

Build yoki tahrir muvaffaqiyatsiz bo'lsa, AppX buni chatda aytadi va sizdan hech narsa yechilmaydi. Odatda qisqa turtki ("build import xatosida to'xtadi — qayta urinib ko'r") keyingi urinishda ishni yuritib yuboradi.