React Native

React Native

MOBILE

JavaScript/TypeScript kullanarak native iOS ve Android uygulamaları oluşturmak için React ile çapraz platform mobil geliştirme. Native bileşenler, hot reloading ve tek kod tabanıyla performanslı mobil uygulamalar oluşturmak için native API erişimi ile React tabanlı mimari.

Ne öğreneceksin

Hook, Context API ve fonksiyonel bileşenlerle modern React

Native bileşenler (View, Text, Image, ScrollView, FlatList)

Entegre araçlar ve OTA güncellemeleri ile hızlı geliştirme için Expo

Native navigasyon için React Navigation (Stack, Tab, Drawer)

Duyarlı ve performanslı stillendirme için StyleSheet ve Flexbox

Durum yönetimi (Redux Toolkit, Zustand, React Query, Context)

Veri kalıcılığı için AsyncStorage ve SecureStore

Native kod entegrasyonu (Kotlin/Swift) için native modüller

Kapsamlı test (Jest, React Native Testing Library, Detox E2E)

Performans (Hermes motoru, lazy loading, FlatList optimizasyonu)

Uzmanlaşılması gereken temel konular

Bu teknolojiyi anlamak ve mülakatlarını başarmak için en önemli kavramlar

1

React: JSX, Virtual DOM, reconciliation, hook (useState, useEffect, useCallback)

2

React Native: native köprü, native vs web bileşenler, iş parçacığı modeli

3

Çekirdek Bileşenler: View, Text, Image, ScrollView, FlatList, SectionList

4

Platform API: Platform.OS, Platform.select, platforma özel kod

5

Stillendirme: StyleSheet, Flexbox düzeni, Dimensions, duyarlı tasarım

6

Navigasyon: React Navigation (Stack, Tab, Drawer, iç içe navigator)

7

Durum yönetimi: Context API, Redux Toolkit, Zustand, Recoil

8

Asenkron işlemler: useEffect, fetch, axios, sunucu durumu için React Query

9

Kalıcılık: AsyncStorage, SecureStore, react-native-mmkv, SQLite

10

Native modüller: native modül oluşturma, kütüphane bağlama, autolinking

11

Expo vs Bare React Native: artılar/eksiler, prebuild, yapılandırma eklentileri

12

İzinler: react-native-permissions, izin isteme, ret yönetimi

13

Animasyonlar: Animated API, Reanimated 2, LayoutAnimation, hareketler (Gesture Handler)

14

Ağ işlemleri: fetch, axios, WebSocket, hata yönetimi, yeniden deneme mantığı

15

Formlar: kontrollü bileşenler, React Hook Form, doğrulama (Yup, Zod)

16

Test: birim testler (Jest), bileşen testleri, E2E (Detox, Maestro)

17

Performans: FlatList optimizasyonu, useMemo, useCallback, Hermes, Flipper

18

Push bildirimleri: Firebase Cloud Messaging, Expo Notifications, yerel bildirimler

19

Haritalar ve konum: react-native-maps, Geolocation API, arka plan konumu

20

Build ve dağıtım: EAS Build, Fastlane, App Store/Play Store, OTA güncellemeleri