React Native kursi

React bilimlaringiz bilan Android va iOS ilovalar. Expo, navigatsiya, API, kamera, push va do'konlarga chiqarish.

O'rta · 52 ta dars · ~2.5 oy

Mavzular: Expo, Komponentlar, Flexbox, FlatList, Expo Router, TanStack Query, Zustand, Kamera va joylashuv, Reanimated, EAS Build

Kirish va o'rnatish

  1. React Native nima? — qanday ishlaydi, Flutter va native dan farqi
  2. Expo bilan o'rnatish — Node.js, create-expo-app, Expo Go
  3. Birinchi ilova — telefonda ishga tushirish, hot reload
  4. Loyiha tuzilmasi — app papkasi, app.json, assets
  5. Debug — console, xato ekrani, React DevTools

Asosiy komponentlar

  1. View va Text — div va p o'rnida nima bor
  2. Image va expo-image — mahalliy va tarmoqdagi rasmlar
  3. ScrollView — aylantiriladigan ekran, qachon ishlatmaslik
  4. TextInput — matn kiritish, klaviatura turlari
  5. Pressable va tugmalar — bosish, uzoq bosish, feedback
  6. Modal, Alert, ActivityIndicator, Switch
  7. 1-2 bo'lim mashqlari — profil kartasi

Stil va layout

  1. StyleSheet — CSS dan farqlari, stillarni birlashtirish
  2. Flexbox mobil ekranda — column standart, flex: 1
  3. O'lchamlar — useWindowDimensions, foizlar, turli ekranlar
  4. Platform — Android va iOS farqlari, soyalar
  5. Qorong'i rejim — useColorScheme, mavzu tizimi
  6. Safe area — notch, status bar, pastki panel

Ro'yxatlar va formalar

  1. FlatList — katta ro'yxatlar, keyExtractor, pull-to-refresh
  2. SectionList va cheksiz scroll (onEndReached)
  3. Formalar — React Hook Form bilan
  4. Validatsiya — Zod, xato xabarlari
  5. Klaviatura — KeyboardAvoidingView, fokus, yopish
  6. 3-4 bo'lim mashqlari — kontaktlar ilovasi

Navigatsiya — Expo Router

  1. Expo Router — fayllar asosidagi navigatsiya
  2. Stack navigatsiya — sarlavha, orqaga, push/replace
  3. Tablar — pastki panel, ikonkalar, badge
  4. Drawer va modal ekranlar
  5. Dinamik yo'llar va parametrlar — [id].tsx, deep link
  6. Autentifikatsiya oqimi — himoyalangan ekranlar

Ma'lumot va API

  1. fetch bilan API — yuklanish, xato, bekor qilish
  2. TanStack Query — kesh, qayta yuklash, mutatsiyalar
  3. Zustand — global holat (savat, sozlamalar)
  4. AsyncStorage — qurilmada ma'lumot saqlash
  5. SecureStore — tokenlarni xavfsiz saqlash
  6. Offline rejim — tarmoq holati, kesh bilan ishlash
  7. 5-6 bo'lim mashqlari — yangiliklar ilovasi

Qurilma imkoniyatlari

  1. Ruxsatlar — so'rash, rad etilganda nima qilish
  2. Kamera — expo-camera, QR kod skaner
  3. Galereya — rasm tanlash va serverga yuklash
  4. Joylashuv va xarita — expo-location, react-native-maps
  5. Push bildirishnomalar — expo-notifications
  6. Haptics, Share, Clipboard, Linking

Animatsiya va UX

  1. Animated API — asoslar
  2. Reanimated — silliq animatsiyalar
  3. Gesture Handler — surish, tortish, swipe-to-delete
  4. UX va tezlik — skeleton, memo, rasm optimallash

Nashr qilish

  1. EAS Build — APK va AAB yasash, development build
  2. Google Play ga chiqarish
  3. App Store ga chiqarish
  4. OTA yangilanishlar — EAS Update
  5. Yakuniy loyiha — do'kon ilovasi