|
3.2 React native proyekt strukturasi
Ushbu bo'lim biz React Native-ni o'rganish uchun foydalanadigan namunaviy loyihaning asosiy qisimlarini o'rnatishni o'z ichiga oladi. Biz o'z loyihasini noldan boshlashi yoki tayyor, boy boyitilgan plitadan foydalanish o'rniga minimal qisimdan foydalanishi kerak deb hisoblaymiz. Buning sababi shundaki, ishlab chiquvchi jamoa o'z malumotlar bazasini o'rnatganida, ular dasturga nima kirayotganini aniq bilishadi. Ko'pgina malumotlar bazasida jamoa bilmagan xususiyatlar kutubxonalar mavjud va bu faqat kod tartibsizligiga keltirib chiqaradi.
Arxitektura
Ikkala iOS va Android-da o'xshash farqlarga ega bo'lgan o'xshash arxitektura mavjud.Agar biz katta rasmni ko'rib chiqsak, RN platformasining uchta qismi mavjud:
Mahalliy kod / modullar : iOS uchun mahalliy kodning aksariyati Objective C yoki Swift-da, Android-da esa Java yoki Kotlin-da yozilgan. Ammo bizning React Native dasturini yozish uchun hech qachon iOS yoki Android uchun mahalliy kod yozishimiz shart emas.
Javascript VM : barcha JavaScript kodlarimizni ishlaydigan JS virtual mashinasi. IOS / Android simulyatorlari va qurilmalarida React Native JavaScriptCore-dan foydalanadi, bu Safari-ni quvvatlaydigan JavaScript-ni qidiruvi. JavaScriptCore - dastlab WebKit uchun yaratilgan ochiq manba kodli JavaScript dvigatel. IOS bo'lsa, React Native iOS platformasi tomonidan taqdim etilgan JavaScriptCore-dan foydalanadi. U birinchi bo'lib OS X Mavericks bilan birgalikda iOS 7 da taqdim etilgan.
https://developer.apple.com/reference/javascriptcore .
Android uchun React Native JavaScriptCore dasturini dastur bilan birga to'playdi. Bu ilova hajmini oshiradi. Shuning uchun RN-ning Hello World dasturi Android uchun taxminan 3-4 megabaytni oladi.
Chrome disk raskadrovka rejimida bo'lsa, JavaScript kodi Chrome ichida ishlaydi (qurilmadagi JavaScriptCore o'rniga) va mahalliy kod bilan WebSocket orqali bog'lanadi. Bu erda V8 dvigatelidan foydalaniladi. Bu bizga tarmoqdagi so'rovlar, konsol jurnallari va boshqalar kabi Chrome disk raskadrovka vositalarida juda ko'p ma'lumotlarni ko'rish imkonini beradi.
Ko'pgina hollarda, dasturchi React Native dasturini Javascript-da to'liq yozishi mumkin. Ilovani ishga tushirish uchun CLI orqali quyidagi buyruqlardan biri beriladi - react-native run-iosyoki react-native run-android. Shu nuqtada, React Native CLI, JS kodini bitta to'plamga to'playdigan tugunni qadoqlash paketlashni yaratadi.main.bundle.jsfayl. Paketni Webpack-ga o'xshash deb hisoblash mumkin. Endi, har doim React Native dasturi ishga tushirilganda, birinchi narsa mahalliy kirish nuqtasi yuklanadi. Native thread JS kodini ishlaydigan JS VM oqimini tug'diradi. JS kodida dasturning barcha ish mantiqlari mavjud. Native thread endi JS dasturini ishga tushirish uchun RN Bridge orqali xabarlarni yuboradi. Endi Javascript-ning paydo bo'lishi RN ko'prigi orqali mahalliy ipga ko'rsatmalar berishni boshlaydi. Ko'rsatmalarga qanday ko'rinishlarni yuklash kerakligi, qo'shimcha ma'lumotlardan qanday ma'lumotlarni olish kerakligi va hk. Kiradi. Masalan, agar JS ip ko'rinishi va matn yaratilishini xohlasa, u so'rovni bitta xabarga to'playdi va uni yuboradi Ularni yaratish uchun mahalliy aloqa bo'ladi. Yuqoridagi kod esa asosiy bo'lib barcha sahifalar unga keladi.
Asosiy sarlavha hisoblanadi bunda ko'rishingiz mumkin jadval sifatida box yaratilgan uning ichida ism, jinsi va yoshi keltirilgan.Bu sahifa umuman olganda foydalanuvchilar haqida.Plus tugmasini bosib yangi foydalanuvchilarni qo'shish mumkin.
3.1 - rasm. Foydalanuvchilar ro`yxati
n
3.2 - rasm. Dasturga foydalanuvchi qoshish oynasi
Ushbu sahifada foydalanuvchilarni qo'shish uchun yaratilgan bo'lib, unda Ism, jinsi, yoshini kiritish uchun yacheykalar qilingan.Hammasini to'ldirib bo'lgach saqlash tugmasini bosib malumotlarni saqlash mumkin shunda u foydalanuvchilar bo'limiga qo'shiladi.
3.3 - rasm. Dorini foydalanuchiga rasmiylashtirish.
Ushbu sahifa o'rtada joylashgan bo'lib bu jadval deb nomlangan asosiy sahifa hisoblanib unda vaqtlarini, Ismini foydalanuvchilar nomlaridan irini tanlash yordamida shuningdek hafta kunlarini kiritib jadval yaratishimiz mumkin.
Ushbu keyingi qo'shish sahifamizda jadvallarni qo'shish uchun yaratilgan.
Bunda foydalanuvchilarni tanlash, dori nomini yozish, dori vaqtlarini kiritish mumkin.Dori vaqtlarini plus tugmasi yordamida ko'paytirishimiz mukin, 3 taga vaqt qo'yishimiz mumkin.Hafta davomida tugmasi yordamida hafta davomida takrorlanishini belgilashimiz mumkin bo'ladi.
3.5 - rasm. Foydalanuvchilarga dori darmonni biriktirish oynasi.
3.6 - rasm. Biriktirilgan dorilar
Do'stlaringiz bilan baham: |
