CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol
Ücretsiz 4 seviye

React Native

React Native 0.7x ve Expo ile mobil uygulama geliştirmeyi temellerden uzman seviyeye kadar öğrenin.

React Native kursu JSX, bileşenler, hooks, navigasyon, API, native modüller, yeni mimari (JSI, Fabric) ve performans mühendisliği ile tüm seviyeleri kapsar.

  • 362 ders
  • 30 sa 43 dk
  • 10 proje
Ücretsiz başla Müfredatı gör

Hesap gerekmez, hemen başlayabilirsin. İlerlemeni kaydetmek istersen ücretsiz hesap aç

Seviyeler

React Native kursu dört seviyede sıfırdan uzmanlığa ilerler. İstediğin seviyeden başlayabilirsin.
Seviyeni bilmiyor musun? Seviye testini çöz
Başlangıç

React Native ve Expo temellerini öğrenirsin: bileşenler, JSX, props, style ve Flexbox.

  • React Native temelleri
  • JSX
  • Bileşenler
  • TextInput
116 ders · 9 sa 44 dk Dersleri gör →
Orta

Orta seviye

React Native'te hooks, context, form yönetimi, API istekleri ve navigasyon desenleri öğrenirsin.

  • Hooks
  • Özel hook'lar
  • Context
  • useReducer
116 ders · 9 sa 59 dk Dersleri gör →
İleri

İleri seviye

React Native'ta push bildirim, kamera, harita, offline destek ve native modül entegrasyonu öğrenirsin.

  • Push bildirimler
  • Kamera
  • Görsel seçici
  • Konum
83 ders · 7 sa 0 dk Dersleri gör →
Uzman

React Native'ta yeni mimari (JSI, Fabric, TurboModules), performans mühendisliği ve büyük ölçekli uygulama mimarileri öğrenirsin.

  • Yeni mimari
  • Performans mühendisliği
  • Uygulama mimarisi
  • Monorepo
47 ders · 4 sa 0 dk Dersleri gör →

Yapacağın projeler

Her seviyede öğrendiklerini gerçek bir sayfada birleştirirsin.
Sayaç uygulaması Başlangıç · 5 ders Yapılacaklar uygulaması Başlangıç · 5 ders Hava durumu Başlangıç · 5 ders Başlangıç finali Başlangıç · 5 ders Notlar uygulaması Orta · 5 ders Quiz uygulaması Orta · 5 ders E-ticaret Orta · 5 ders Orta seviye finali Orta · 5 ders İleri seviye finali İleri · 5 ders Uzman finali Uzman · 5 ders

Nasıl çalışıyor?

Kısa anlatım

Her ders tek bir kavramı birkaç kısa kartla anlatır; uzun video ya da metin yok.

Hemen dene

Çoktan seçmeli, boşluk doldurma ve eşleştirme sorularıyla öğrendiğini anında pekiştirirsin.

Kendin yaz

Tarayıcıdaki editörde gerçek kod yazarsın; kodun anında kontrol edilir ve sonucu canlı görürsün.

Müfredat

62 grup · 362 ders · 30 sa 43 dk

React Native ve Expo temellerini öğrenirsin: bileşenler, JSX, props, style ve Flexbox.

1
React Native temelleri
6 ders · 26 dk
  1. 1 React Native nedir? React Native'in mobil uygulama geliştirme çerçevesi olduğunu öğrenirsin. 4 dk
  2. 2 Expo kurulumu Expo CLI ile React Native projesi oluşturmayı öğrenirsin. 5 dk
  3. 3 İlk bileşen View ve Text ile ilk bileşeni yazmayı öğrenirsin. 4 dk
  4. 4 App.js App.js yapısını ve export default'u öğrenirsin. 4 dk
  5. 5 Çalıştırma Expo start ile uygulamayı çalıştırmayı öğrenirsin. 4 dk
  6. 6 Özet - React Native temelleri View, Text ve App.js'i birleştirerek ilk mobil uygulamanı yazarsın. 5 dk
2
JSX
6 ders · 27 dk
  1. 1 JSX nedir? JSX sözdizimini ve JavaScript içinde HTML benzeri yazımı öğrenirsin. 4 dk
  2. 2 İfadeler JSX içinde {} ile JavaScript ifadelerini öğrenirsin. 4 dk
  3. 3 Bileşen ağacı JSX ile iç içe bileşen ağacını öğrenirsin. 5 dk
  4. 4 Self-closing Self-closing etiketleri ve boş bileşenleri öğrenirsin. 4 dk
  5. 5 Koşullu render && ve ternary ile koşullu render öğrenirsin. 5 dk
  6. 6 Özet - JSX İfadeler, iç içe bileşen ve koşullu render'ı birleştirerek bir profil kartı yazarsın. 5 dk
3
Bileşenler
6 ders · 29 dk
  1. 1 Fonksiyonel bileşen Fonksiyonel bileşen tanımlamayı öğrenirsin. 4 dk
  2. 2 Props Props ile bileşene veri geçmeyi öğrenirsin. 5 dk
  3. 3 Çocuk bileşen children prop ile çocuk bileşenleri öğrenirsin. 5 dk
  4. 4 Birden çok props Birden çok prop geçmeyi öğrenirsin. 5 dk
  5. 5 Bileşen yeniden kullanım Bileşenleri yeniden kullanmayı öğrenirsin. 5 dk
  6. 6 Özet - Bileşenler Props, children ve yeniden kullanımı birleştirerek bir kart bileşeni yazarsın. 5 dk
4
Proje: Sayaç uygulamasıProje
5 ders · 30 dk
  1. 1 Proje tasarımı Sayaç uygulamasının yapısını taşarlar ve iskelet kodu yazarsın. 6 dk
  2. 2 useState useState ile sayaç state'ini öğrenirsin. 6 dk
  3. 3 Artır ve azalt Artırma ve azaltma butonlarını eklersin. 6 dk
  4. 4 TouchableOpacity TouchableOpacity ile dokunma öğrenirsin. 6 dk
  5. 5 Birleştirme Tüm parçaları birleştirerek çalışan bir sayaç yazarsın. 6 dk
5
TextInput
6 ders · 29 dk
  1. 1 TextInput TextInput ile kullanıcı girdisi almayı öğrenirsin. 4 dk
  2. 2 onChangeText onChangeText ile metin değişimini öğrenirsin. 5 dk
  3. 3 controlled input Controlled input ve state öğrenirsin. 5 dk
  4. 4 placeholder placeholder ve keyboardType öğrenirsin. 5 dk
  5. 5 Secure text secureTextEntry ile şifre alanı öğrenirsin. 5 dk
  6. 6 Özet - TextInput onChangeText, controlled ve placeholder'ı birleştirerek bir form alanı yazarsın. 5 dk
6
Stil
6 ders · 28 dk
  1. 1 style prop style prop ile bileşen stillendirmeyi öğrenirsin. 4 dk
  2. 2 StyleSheet.create StyleSheet.create ile stil nesnesi öğrenirsin. 5 dk
  3. 3 Renk ve font color, fontSize, fontWeight öğrenirsin. 4 dk
  4. 4 Margin ve padding margin ve padding ile boşluk öğrenirsin. 5 dk
  5. 5 border borderWidth, borderColor, borderRadius öğrenirsin. 5 dk
  6. 6 Özet - Stil StyleSheet, renk ve boşluğu birleştirerek bir kartvizit yazarsın. 5 dk
7
Flexbox
6 ders · 30 dk
  1. 1 flexDirection flexDirection ile düzen yönünü öğrenirsin. 5 dk
  2. 2 justifyContent justifyContent ile ana eksen hizalamayı öğrenirsin. 5 dk
  3. 3 alignItems alignItems ile çapraz eksen hizalamayı öğrenirsin. 5 dk
  4. 4 flex flex: 1 ile esnek boyut öğrenirsin. 5 dk
  5. 5 flexWrap flexWrap ile sarma davranışını öğrenirsin. 5 dk
  6. 6 Özet - Flexbox flexDirection, justifyContent ve alignItems'i birleştirerek bir menü çubuğu yazarsın. 5 dk
8
Butonlar
6 ders · 29 dk
  1. 1 Button Button bileşeni ve onPress'ini öğrenirsin. 4 dk
  2. 2 TouchableOpacity TouchableOpacity ile dokunma geri bildirimi öğrenirsin. 5 dk
  3. 3 Pressable Pressable ile gelişmiş dokunma öğrenirsin. 5 dk
  4. 4 onPress ve onPressIn onPress, onPressIn, onPressOut olaylarını öğrenirsin. 5 dk
  5. 5 disabled disabled prop ile buton devre dışı bırakmayı öğrenirsin. 5 dk
  6. 6 Özet - Butonlar Button, TouchableOpacity ve disabled'ı birleştirerek bir eylem paneli yazarsın. 5 dk
9
Proje: Yapılacaklar uygulamasıProje
5 ders · 30 dk
  1. 1 Uygulama tasarımı Yapılacaklar uygulamasının yapısını tasarlarsın. 6 dk
  2. 2 Görev ekleme TextInput ile görev eklemeyi öğrenirsin. 6 dk
  3. 3 Görev listesi FlatList ile görev listesi yazarsın. 6 dk
  4. 4 Görev tamamlama Tamamlama toggle'ı eklersin. 6 dk
  5. 5 Birleştirme Tüm parçaları birleştirerek çalışan bir yapılacaklar uygulaması yazarsın. 6 dk
10
Listeler
6 ders · 30 dk
  1. 1 FlatList FlatList ile verimli liste render etmeyi öğrenirsin. 5 dk
  2. 2 renderItem renderItem ile her öğeyi render etmeyi öğrenirsin. 5 dk
  3. 3 keyExtractor keyExtractor ile benzersiz anahtar öğrenirsin. 5 dk
  4. 4 SectionList SectionList ile gruplu liste öğrenirsin. 5 dk
  5. 5 List header ve footer ListHeaderComponent ve ListFooterComponent öğrenirsin. 5 dk
  6. 6 Özet - Listeler FlatList, renderItem ve keyExtractor'ı birleştirerek bir öğrenci listesi yazarsın. 5 dk
11
ScrollView
6 ders · 29 dk
  1. 1 ScrollView ScrollView ile kaydırma alanı öğrenirsin. 5 dk
  2. 2 horizontal horizontal prop ile yatay kaydırma öğrenirsin. 4 dk
  3. 3 contentContainerStyle contentContainerStyle ile içerik stillendirmeyi öğrenirsin. 5 dk
  4. 4 onScroll onScroll ile kaydırma olayını öğrenirsin. 5 dk
  5. 5 RefreshControl RefreshControl ile pull-to-refresh öğrenirsin. 5 dk
  6. 6 Özet - ScrollView ScrollView, horizontal ve RefreshControl'u birleştirerek bir galeri yazarsın. 5 dk
12
Görseller
6 ders · 29 dk
  1. 1 Image Image bileşeni ile görsel göstermeyi öğrenirsin. 4 dk
  2. 2 source source prop ile yerel ve uzak görseli öğrenirsin. 5 dk
  3. 3 resizeMode resizeMode ile görsel ölçekleme öğrenirsin. 5 dk
  4. 4 ImageBackground ImageBackground ile arka plan görseli öğrenirsin. 5 dk
  5. 5 Görsel boyut width, height ve aspectRatio öğrenirsin. 5 dk
  6. 6 Özet - Görseler Image, source ve resizeMode'u birleştirerek bir profil görseli yazarsın. 5 dk
13
State
6 ders · 30 dk
  1. 1 useState useState ile state yönetimini öğrenirsin. 5 dk
  2. 2 State güncelleme setState ile state güncellemeyi öğrenirsin. 5 dk
  3. 3 Önceki state Önceki state'ten yeni state türetmeyi öğrenirsin. 5 dk
  4. 4 Çoklu state Birden çok state değişkeni öğrenirsin. 5 dk
  5. 5 Obj state Obje olarak state yönetimini öğrenirsin. 5 dk
  6. 6 Özet - State useState, önceki state ve obje state'i birleştirerek bir form yazarsın. 5 dk
14
Olaylar
6 ders · 29 dk
  1. 1 onPress onPress ile dokunma olayını öğrenirsin. 4 dk
  2. 2 onLongPress onLongPress ile uzun dokunma öğrenirsin. 5 dk
  3. 3 Event parametre Olay işleyici parametrelerini öğrenirsin. 5 dk
  4. 4 onLayout onLayout ile yerleşim olayını öğrenirsin. 5 dk
  5. 5 Form olayları Form gönderimi ve doğrulama olaylarını öğrenirsin. 5 dk
  6. 6 Özet - Olaylar onPress, onLongPress ve form olaylarını birleştirerek bir geri bildirim formu yazarsın. 5 dk
15
Proje: Hava durumuProje
5 ders · 30 dk
  1. 1 Uygulama tasarımı Hava durumu uygulamasının yapısını tasarlarsın. 6 dk
  2. 2 Veri modeli Hava durumu veri modelini kurarsın. 6 dk
  3. 3 Görüntüleme Sıcaklık ve durumu görüntülersin. 6 dk
  4. 4 Şehir seçimi Şehir seçimi eklersin. 6 dk
  5. 5 Birleştirme Tüm parçaları birleştirerek çalışan bir hava durumu uygulaması yazarsın. 6 dk
16
Navigasyon
6 ders · 30 dk
  1. 1 React Navigation React Navigation kütüphanesini öğrenirsin. 5 dk
  2. 2 Stack navigator Stack navigator ile sayfa geçişini öğrenirsin. 5 dk
  3. 3 navigate navigation.navigate ile geçiş yapmayı öğrenirsin. 5 dk
  4. 4 params params ile ekranlar arası veri geçmeyi öğrenirsin. 5 dk
  5. 5 Geri butonu Geri butonu ve goBack'i öğrenirsin. 5 dk
  6. 6 Özet - Navigasyon Stack, navigate ve params'ı birleştirerek bir iki ekranlı uygulama yazarsın. 5 dk
17
Uyarılar
6 ders · 29 dk
  1. 1 Alert Alert.alert ile uyarı göstermeyi öğrenirsin. 4 dk
  2. 2 Alert butonları Alert butonları ve callback'lerini öğrenirsin. 5 dk
  3. 3 Toast Toast mesajları öğrenirsin. 5 dk
  4. 4 Modal Modal bileşeni ile özel pencere öğrenirsin. 5 dk
  5. 5 Modal animasyon Modal animationType öğrenirsin. 5 dk
  6. 6 Özet - Uyarılar Alert, Toast ve Modal'ı birleştirerek bir onay penceresi yazarsın. 5 dk
18
Platform
6 ders · 30 dk
  1. 1 Platform.OS Platform.OS ile işletim sistemi tespitini öğrenirsin. 5 dk
  2. 2 Platform.select Platform.select ile platform özelinde stil öğrenirsin. 5 dk
  3. 3 Platform.Version Platform.Version ile sürüm tespitini öğrenirsin. 5 dk
  4. 4 Dosya uzantısı .ios.js ve .android.js ile platform özelinde dosya öğrenirsin. 5 dk
  5. 5 Platform-specific bileşen Platform'a özel bileşen yazmayı öğrenirsin. 5 dk
  6. 6 Özet - Platform Platform.OS, select ve dosya uzantısını birleştirerek platform uyumlu bir bileşen yazarsın. 5 dk
19
Async Storage
6 ders · 30 dk
  1. 1 AsyncStorage AsyncStorage ile kalıcı veri saklamayı öğrenirsin. 5 dk
  2. 2 setItem AsyncStorage.setItem ile veri yazmayı öğrenirsin. 5 dk
  3. 3 getItem AsyncStorage.getItem ile veri okumayı öğrenirsin. 5 dk
  4. 4 removeItem AsyncStorage.removeItem ile veri silmeyi öğrenirsin. 5 dk
  5. 5 JSON serialize JSON.stringify ve parse ile obje saklamayı öğrenirsin. 5 dk
  6. 6 Özet - Async Storage setItem, getItem ve JSON'ı birleştirerek bir ayar kayıt sistemi yazarsın. 5 dk
20
Başlangıç finaliProje
5 ders · 30 dk
  1. 1 Proje tasarımı Başlangıç finali mini uygulamasının iskeletini tasarlarsın. 6 dk
  2. 2 Bileşenler View, Text ve TextInput bileşenlerini kurarsın. 6 dk
  3. 3 State ve olaylar useState ve onPress ile etkileşim yazarsın. 6 dk
  4. 4 Navigation Stack navigation ile iki ekranı birleştirirsin. 6 dk
  5. 5 Birleştirme Tüm parçaları birleştirerek çalışan bir final uygulaması yazarsın. 6 dk

React Native'te hooks, context, form yönetimi, API istekleri ve navigasyon desenleri öğrenirsin.

1
Hooks
6 ders · 30 dk
  1. 1 useEffect useEffect ile yan etkileri öğrenirsin. 5 dk
  2. 2 Dependency array useEffect dependency array'sini öğrenirsin. 5 dk
  3. 3 Cleanup useEffect cleanup fonksiyonunu öğrenirsin. 5 dk
  4. 4 useRef useRef ile mutable referans öğrenirsin. 5 dk
  5. 5 useMemo useMemo ile memoization öğrenirsin. 5 dk
  6. 6 Özet - Hooks useEffect, useRef ve useMemo'yu birleştirerek bir zamanlayıcı yazarsın. 5 dk
2
Özel hook'lar
6 ders · 30 dk
  1. 1 Özel hook Özel hook yazmayı öğrenirsin. 5 dk
  2. 2 useToggle useToggle özel hook'unu yazmayı öğrenirsin. 5 dk
  3. 3 useCounter useCounter özel hook'unu öğrenirsin. 5 dk
  4. 4 usePrevious usePrevious özel hook'unu öğrenirsin. 5 dk
  5. 5 Hook kompozisyonu Hook'ları birleştirmeyi öğrenirsin. 5 dk
  6. 6 Özet - Özel hook'lar useToggle, useCounter ve usePrevious'ı birleştirerek bir hook kütüphanesi yazarsın. 5 dk
3
Context
6 ders · 30 dk
  1. 1 Context nedir? Context API ile global state öğrenirsin. 5 dk
  2. 2 createContext createContext ile context oluşturmayı öğrenirsin. 5 dk
  3. 3 Provider Context.Provider ile değer sağlamayı öğrenirsin. 5 dk
  4. 4 useContext useContext ile context tüketmeyi öğrenirsin. 5 dk
  5. 5 Context default değeri Context default değeri ve fallback öğrenirsin. 5 dk
  6. 6 Özet - Context createContext, Provider ve useContext'i birleştirerek bir tema sistemi yazarsın. 5 dk
4
Proje: Notlar uygulamasıProje
5 ders · 30 dk
  1. 1 Proje tasarımı Notlar uygulamasının yapısını tasarlarsın. 6 dk
  2. 2 Not modeli Note modeli ve state'i kurarsın. 6 dk
  3. 3 Not ekleme Not ekleme formu yazarsın. 6 dk
  4. 4 AsyncStorage AsyncStorage ile notları kaydedersin. 6 dk
  5. 5 Birleştirme Tüm parçaları birleştirerek çalışan bir notlar uygulaması yazarsın. 6 dk
5
useReducer
6 ders · 30 dk
  1. 1 useReducer useReducer ile karmaşık state yönetimini öğrenirsin. 5 dk
  2. 2 Reducer fonksiyonu Reducer fonksiyonu yazmayı öğrenirsin. 5 dk
  3. 3 Action dispatch dispatch ile action göndermeyi öğrenirsin. 5 dk
  4. 4 Initial state useReducer initial state öğrenirsin. 5 dk
  5. 5 useReducer vs useState useReducer ve useState farkını öğrenirsin. 5 dk
  6. 6 Özet - useReducer reducer, dispatch ve initial state'i birleştirerek bir alışveriş sepeti yazarsın. 5 dk
6
Form yönetimi
6 ders · 30 dk
  1. 1 Controlled form Controlled form bileşenini öğrenirsin. 5 dk
  2. 2 Form state Form state yönetimini öğrenirsin. 5 dk
  3. 3 Validation Form validation öğrenirsin. 5 dk
  4. 4 Submit Form submit ve onSubmit öğrenirsin. 5 dk
  5. 5 Form kütüphaneleri react-hook-form gibi form kütüphanelerini öğrenirsin. 5 dk
  6. 6 Özet - Form yönetimi controlled, validation ve submit'i birleştirerek bir kayıt formu yazarsın. 5 dk
7
API ve fetch
6 ders · 30 dk
  1. 1 fetch fetch API ile HTTP isteği öğrenirsin. 5 dk
  2. 2 GET isteği fetch ile GET isteği yapmayı öğrenirsin. 5 dk
  3. 3 async/await async/await ile fetch öğrenirsin. 5 dk
  4. 4 JSON parse response.json() ile JSON parse öğrenirsin. 5 dk
  5. 5 Error handling fetch error handling öğrenirsin. 5 dk
  6. 6 Özet - API ve fetch fetch, async/await ve error handling'i birleştirerek bir kullanıcı görüntüleyici yazarsın. 5 dk
8
Proje: Quiz uygulamasıProje
5 ders · 30 dk
  1. 1 Quiz modeli Question modelini ve state'i tasarlarsın. 6 dk
  2. 2 Soruları yükleme fetch ile soruları yükleme öğrenirsin. 6 dk
  3. 3 Quiz oynatma Soruları sırayla gösteren akışı yazarsın. 6 dk
  4. 4 Skor hesaplama Skor hesaplama ekranı yazarsın. 6 dk
  5. 5 Birleştirme Tüm parçaları birleştirerek çalışan bir quiz uygulaması yazarsın. 6 dk
9
Tab navigasyonu
6 ders · 30 dk
  1. 1 Bottom Tabs Bottom Tabs navigator öğrenirsin. 5 dk
  2. 2 createBottomTabNavigator createBottomTabNavigator ile tab navigasyonu öğrenirsin. 5 dk
  3. 3 Tab icons Tab bar icons öğrenirsin. 5 dk
  4. 4 Material Top Tabs Material Top Tabs navigator öğrenirsin. 5 dk
  5. 5 Tab badge Tab badge ve notification öğrenirsin. 5 dk
  6. 6 Özet - Tab navigasyonu Bottom Tabs, icons ve badge'i birleştirerek bir 4 sekmeli uygulama yazarsın. 5 dk
10
Drawer navigasyonu
6 ders · 30 dk
  1. 1 Drawer navigator Drawer navigator öğrenirsin. 5 dk
  2. 2 createDrawerNavigator createDrawerNavigator ile drawer navigasyonu öğrenirsin. 5 dk
  3. 3 Drawer items Drawer item'ları ve özelleştirmeyi öğrenirsin. 5 dk
  4. 4 Drawer toggle Drawer açma/kapama öğrenirsin. 5 dk
  5. 5 Nested navigation Stack ve Drawer'ı iç içe kullanmayı öğrenirsin. 5 dk
  6. 6 Özet - Drawer navigasyonu Drawer, items ve nested'i birleştirerek bir menülü uygulama yazarsın. 5 dk
11
Yaşam döngüsü
6 ders · 30 dk
  1. 1 Mount Bileşen mount olayını öğrenirsin. 5 dk
  2. 2 Update Bileşen update olayını öğrenirsin. 5 dk
  3. 3 Unmount Bileşen unmount olayını öğrenirsin. 5 dk
  4. 4 useEffect lifecycle useEffect ile yaşam döngüsü öğrenirsin. 5 dk
  5. 5 Layout effect useLayoutEffect ve useEffect farkını öğrenirsin. 5 dk
  6. 6 Özet - Yaşam döngüsü mount, update ve unmount'ı birleştirerek bir kaynak yönetici yazarsın. 5 dk
12
Proje: E-ticaretProje
5 ders · 30 dk
  1. 1 Proje tasarımı E-ticaret uygulamasının yapısını tasarlarsın. 6 dk
  2. 2 Ürün listesi FlatList ile ürün listesi yazarsın. 6 dk
  3. 3 Ürün detayı Ürün detay ekranı yazarsın. 6 dk
  4. 4 Sepet Context ile sepet yönetimi yazarsın. 6 dk
  5. 5 Birleştirme Tüm parçaları birleştirerek çalışan bir e-ticaret uygulaması yazarsın. 6 dk
13
Animated
6 ders · 30 dk
  1. 1 Animated.Value Animated.Value ile animasyon değerini öğrenirsin. 5 dk
  2. 2 Animated.View Animated.View ile animasyonlu bileşen öğrenirsin. 5 dk
  3. 3 Animated.timing Animated.timing ile zamanlama animasyonu öğrenirsin. 5 dk
  4. 4 Animated.spring Animated.spring ile yay animasyonu öğrenirsin. 5 dk
  5. 5 interpolate interpolate ile değer aralığı öğrenirsin. 5 dk
  6. 6 Özet - Animated Animated.Value, timing ve interpolate'i birleştirerek bir kayan kart yazarsın. 5 dk
14
Jestler
6 ders · 30 dk
  1. 1 PanResponder PanResponder ile dokunma jestlerini öğrenirsin. 5 dk
  2. 2 onMoveShouldSetPanResponder onMoveShouldSetPanResponder öğrenirsin. 5 dk
  3. 3 onPanResponderMove onPanResponderMove ile sürükleme öğrenirsin. 5 dk
  4. 4 onPanResponderRelease onPanResponderRelease ile bırakma öğrenirsin. 5 dk
  5. 5 react-native-gesture-handler react-native-gesture-handler kütüphanesini öğrenirsin. 5 dk
  6. 6 Özet - Jestler PanResponder ve gesture handler'ı birleştirerek bir sürüklenebilir kart yazarsın. 5 dk
15
Tema
6 ders · 30 dk
  1. 1 Açık/koyu tema Açık ve koyu tema yönetimini öğrenirsin. 5 dk
  2. 2 Theme context Context ile tema yönetimini öğrenirsin. 5 dk
  3. 3 Theme toggle Tema değiştirme butonu öğrenirsin. 5 dk
  4. 4 useColorScheme useColorScheme ile sistem teması öğrenirsin. 5 dk
  5. 5 Persistent theme AsyncStorage ile kalıcı tema öğrenirsin. 5 dk
  6. 6 Özet - Tema Context, toggle ve kalıcı temayı birleştirerek bir tema sistemi yazarsın. 5 dk
16
Performans
6 ders · 30 dk
  1. 1 React.memo React.memo ile memoization öğrenirsin. 5 dk
  2. 2 useCallback useCallback ile callback memoization öğrenirsin. 5 dk
  3. 3 useMemo useMemo ile hesaplama memoization öğrenirsin. 5 dk
  4. 4 FlatList optimizasyonu FlatList performans optimizasyonunu öğrenirsin. 5 dk
  5. 5 InteractionManager InteractionManager ile akıcı etkileşim öğrenirsin. 5 dk
  6. 6 Özet - Performans React.memo, useCallback ve useMemo'yu birleştirerek optimize bir liste yazarsın. 5 dk
17
Test
6 ders · 30 dk
  1. 1 Jest Jest test çerçevesini öğrenirsin. 5 dk
  2. 2 React Native Testing Library React Native Testing Library'yi öğrenirsin. 5 dk
  3. 3 render render ile bileşen render etmeyi öğrenirsin. 5 dk
  4. 4 getByText getByText ile öğe bulmayı öğrenirsin. 5 dk
  5. 5 fireEvent fireEvent ile olay tetiklemeyi öğrenirsin. 5 dk
  6. 6 Özet - Test Jest, RNTL ve fireEvent'i birleştirerek bir bileşen testi yazarsın. 5 dk
18
Geliştirme araçları
6 ders · 29 dk
  1. 1 Flipper Flipper ile mobil debug aracını öğrenirsin. 4 dk
  2. 2 React DevTools React DevTools ile bileşen ağacını öğrenirsin. 5 dk
  3. 3 Console console.log ve console.warn öğrenirsin. 5 dk
  4. 4 Remote debug Remote JS debugging öğrenirsin. 5 dk
  5. 5 Performance monitor Performance monitor ve FPS öğrenirsin. 5 dk
  6. 6 Özet - Geliştirme araçları Flipper, DevTools ve console'u birleştirerek bir debug oturumu yazarsın. 5 dk
19
İzinler
6 ders · 30 dk
  1. 1 İzin nedir? Mobil uygulama izinleri kavramını öğrenirsin. 5 dk
  2. 2 expo-permissions expo-permissions ile izin istemeyi öğrenirsin. 5 dk
  3. 3 Kamera izni Kamera izni istemeyi öğrenirsin. 5 dk
  4. 4 Konum izni Konum izni istemeyi öğrenirsin. 5 dk
  5. 5 Bildirim izni Bildirim izni istemeyi öğrenirsin. 5 dk
  6. 6 Özet - İzinler expo-permissions ve kamera/konum izinlerini birleştirerek bir izin akışı yazarsın. 5 dk
20
Orta seviye finaliProje
5 ders · 30 dk
  1. 1 Proje tasarımı Orta seviye finali mini uygulamasının iskeletini tasarlarsın. 6 dk
  2. 2 Context ve hooks Context ve custom hook'larla veri yönetimini kurarsın. 6 dk
  3. 3 API entegrasyonu fetch ile API entegrasyonu yazarsın. 6 dk
  4. 4 Navigation Tab ve Stack navigation'ı birleştirirsin. 6 dk
  5. 5 Birleştirme Tüm katmanları birleştirerek çalışan bir uygulama yazarsın. 6 dk

React Native'ta push bildirim, kamera, harita, offline destek ve native modül entegrasyonu öğrenirsin.

1
Push bildirimler
6 ders · 30 dk
  1. 1 expo-notifications expo-notifications ile push bildirim öğrenirsin. 5 dk
  2. 2 Token alma Push token alma öğrenirsin. 5 dk
  3. 3 Yerel bildirim Yerel bildirim göndermeyi öğrenirsin. 5 dk
  4. 4 Uzak bildirim Uzak sunucudan bildirim almayı öğrenirsin. 5 dk
  5. 5 Bildirim olayları Bildirim tıklama ve olaylarını öğrenirsin. 5 dk
  6. 6 Özet - Push bildirimler token, yerel ve uzak bildirimi birleştirerek bir bildirim sistemi yazarsın. 5 dk
2
Kamera
6 ders · 30 dk
  1. 1 expo-camera expo-camera ile kamera erişimini öğrenirsin. 5 dk
  2. 2 Kamera izni Kamera izni istemeyi öğrenirsin. 5 dk
  3. 3 Fotoğraf çekme takePictureAsync ile fotoğraf çekmeyi öğrenirsin. 5 dk
  4. 4 Ön/arka kamera Ön ve arka kamera değişimini öğrenirsin. 5 dk
  5. 5 Flash Flash ve torch modlarını öğrenirsin. 5 dk
  6. 6 Özet - Kamera expo-camera, takePictureAsync ve flash'ı birleştirerek bir kamera uygulaması yazarsın. 5 dk
3
Görsel seçici
6 ders · 30 dk
  1. 1 expo-image-picker expo-image-picker ile galeri erişimini öğrenirsin. 5 dk
  2. 2 Galeri izni Galeri izni istemeyi öğrenirsin. 5 dk
  3. 3 launchImageLibraryAsync launchImageLibraryAsync ile görsel seçmeyi öğrenirsin. 5 dk
  4. 4 launchCameraAsync launchCameraAsync ile kameradan görsel almayı öğrenirsin. 5 dk
  5. 5 Görsel işleme Seçilen görseli işleme ve göstermeyi öğrenirsin. 5 dk
  6. 6 Özet - Görsel seçici expo-image-picker ve galeri/kamera seçimini birleştirerek bir profil foto uygulaması yazarsın. 5 dk
4
Konum
6 ders · 30 dk
  1. 1 expo-location expo-location ile konum erişimini öğrenirsin. 5 dk
  2. 2 Konum izni Konum izni istemeyi öğrenirsin. 5 dk
  3. 3 getCurrentPositionAsync getCurrentPositionAsync ile mevcut konumu öğrenirsin. 5 dk
  4. 4 watchPositionAsync watchPositionAsync ile konum takibini öğrenirsin. 5 dk
  5. 5 Geocoding Geocoding ve reverse geocoding öğrenirsin. 5 dk
  6. 6 Özet - Konum expo-location, getCurrentPositionAsync ve watchPositionAsync'ı birleştirerek bir konum takip uygulaması yazarsın. 5 dk
5
Haritalar
6 ders · 30 dk
  1. 1 react-native-maps react-native-maps ile harita göstermeyi öğrenirsin. 5 dk
  2. 2 MapView MapView bileşeni ve initialRegion öğrenirsin. 5 dk
  3. 3 Marker Marker ile konum işaretleme öğrenirsin. 5 dk
  4. 4 onRegionChange onRegionChange ile harita kaydırma öğrenirsin. 5 dk
  5. 5 Custom marker Özel marker tasarımını öğrenirsin. 5 dk
  6. 6 Özet - Haritalar MapView, Marker ve onRegionChange'i birleştirerek bir harita uygulaması yazarsın. 5 dk
6
Offline destek
6 ders · 30 dk
  1. 1 NetInfo NetInfo ile ağ durumu öğrenirsin. 5 dk
  2. 2 Offline cache Offline cache stratejisini öğrenirsin. 5 dk
  3. 3 Sync Online olunca senkronize etmeyi öğrenirsin. 5 dk
  4. 4 Conflict resolution Çakışma çözümü öğrenirsin. 5 dk
  5. 5 Retry queue Retry queue ve backoff öğrenirsin. 5 dk
  6. 6 Özet - Offline destek NetInfo, cache ve sync'i birleştirerek bir offline-first uygulama yazarsın. 5 dk
7
Güvenli depolama
6 ders · 30 dk
  1. 1 expo-secure-store expo-secure-store ile güvenli depolamayı öğrenirsin. 5 dk
  2. 2 setItemAsync setItemAsync ile güvenli yazma öğrenirsin. 5 dk
  3. 3 getItemAsync getItemAsync ile güvenli okuma öğrenirsin. 5 dk
  4. 4 deleteItemAsync deleteItemAsync ile güvenli silme öğrenirsin. 5 dk
  5. 5 Token saklama Auth token güvenli saklamayı öğrenirsin. 5 dk
  6. 6 Özet - Güvenli depolama setItemAsync, getItemAsync ve token saklamayı birleştirerek bir auth sistemi yazarsın. 5 dk
8
Kimlik doğrulama
6 ders · 30 dk
  1. 1 Auth context Auth context ile kimlik doğrulama öğrenirsin. 5 dk
  2. 2 Login Login ekranı ve akışını öğrenirsin. 5 dk
  3. 3 JWT token JWT token yönetimini öğrenirsin. 5 dk
  4. 4 Protected routes Protected route ve navigation guard öğrenirsin. 5 dk
  5. 5 Logout Logout ve token temizleme öğrenirsin. 5 dk
  6. 6 Özet - Kimlik doğrulama context, JWT ve protected route'u birleştirerek bir auth akışı yazarsın. 5 dk
9
State yönetimi
6 ders · 30 dk
  1. 1 Redux nedir? Redux state yönetim çerçevesini öğrenirsin. 5 dk
  2. 2 Redux Toolkit Redux Toolkit ile basitleştirilmiş Redux öğrenirsin. 5 dk
  3. 3 Slice createSlice ile state slice öğrenirsin. 5 dk
  4. 4 useDispatch useDispatch ile action dispatch öğrenirsin. 5 dk
  5. 5 useSelector useSelector ile state okumayı öğrenirsin. 5 dk
  6. 6 Özet - State yönetimi createSlice, useDispatch ve useSelector'ı birleştirerek bir sayaç yazarsın. 5 dk
10
Zustand
6 ders · 30 dk
  1. 1 Zustand Zustand lightweight state yönetimini öğrenirsin. 5 dk
  2. 2 create create ile store oluşturmayı öğrenirsin. 5 dk
  3. 3 State okuma Zustand store'dan state okumayı öğrenirsin. 5 dk
  4. 4 Action Zustand action tanımlamayı öğrenirsin. 5 dk
  5. 5 Middleware Zustand middleware (persist) öğrenirsin. 5 dk
  6. 6 Özet - Zustand create, action ve persist'i birleştirerek bir kalıcı sayaç yazarsın. 5 dk
11
Reanimated
6 ders · 30 dk
  1. 1 react-native-reanimated react-native-reanimated kütüphanesini öğrenirsin. 5 dk
  2. 2 useSharedValue useSharedValue ile paylaşılan değer öğrenirsin. 5 dk
  3. 3 useAnimatedStyle useAnimatedStyle ile animasyonlu stil öğrenirsin. 5 dk
  4. 4 withTiming withTiming ile zamanlama animasyonu öğrenirsin. 5 dk
  5. 5 withSpring withSpring ile yay animasyonu öğrenirsin. 5 dk
  6. 6 Özet - Reanimated useSharedValue, useAnimatedStyle ve withTiming'i birleştirerek bir animasyonlu kart yazarsın. 5 dk
12
Native modüller
6 ders · 30 dk
  1. 1 Native modül nedir? Native modül kavramını öğrenirsin. 5 dk
  2. 2 NativeMethods NativeMethods ile native çağrı öğrenirsin. 5 dk
  3. 3 Platform-specific Platform-specific native modül öğrenirsin. 5 dk
  4. 4 Native event Native event ve emitter öğrenirsin. 5 dk
  5. 5 TurboModules TurboModules ve yeni mimari öğrenirsin. 5 dk
  6. 6 Özet - Native modüller NativeMethods, event ve TurboModules'ı birleştirerek bir native köprü yazarsın. 5 dk
13
CI/CD
6 ders · 30 dk
  1. 1 EAS Build EAS Build ile bulut derleme öğrenirsin. 5 dk
  2. 2 EAS Submit EAS Submit ile mağaza gönderme öğrenirsin. 5 dk
  3. 3 eas.json eas.json yapılandırmasını öğrenirsin. 5 dk
  4. 4 GitHub Actions GitHub Actions ile CI öğrenirsin. 5 dk
  5. 5 OTA update OTA (over-the-air) update öğrenirsin. 5 dk
  6. 6 Özet - CI/CD EAS Build, eas.json ve OTA update'i birleştirerek bir dağıtım hattı yazarsın. 5 dk
14
İleri seviye finaliProje
5 ders · 30 dk
  1. 1 Proje tasarımı İleri seviye finali mini uygulamasının iskeletini tasarlarsın. 6 dk
  2. 2 Auth ve API Auth context ve API entegrasyonu yazarsın. 6 dk
  3. 3 Native özellikler Kamera, konum ve bildirim native özelliklerini eklersin. 6 dk
  4. 4 Offline Offline destek ve cache eklersin. 6 dk
  5. 5 Birleştirme Tüm katmanları birleştirerek çalışan bir mini servis uygulaması yazarsın. 6 dk

React Native'ta yeni mimari (JSI, Fabric, TurboModules), performans mühendisliği ve büyük ölçekli uygulama mimarileri öğrenirsin.

1
Yeni mimari
6 ders · 30 dk
  1. 1 Yeni mimari nedir? React Native yeni mimarisini öğrenirsin. 5 dk
  2. 2 JSI JSI (JavaScript Interface) kavramını öğrenirsin. 5 dk
  3. 3 Fabric Fabric renderer'ı öğrenirsin. 5 dk
  4. 4 TurboModules TurboModules ve JSI tabanlı modülleri öğrenirsin. 5 dk
  5. 5 Codegen Codegen ve otomatik kod üretimini öğrenirsin. 5 dk
  6. 6 Özet - Yeni mimari JSI, Fabric ve TurboModules'ı birleştirerek bir yeni mimari özet yazarsın. 5 dk
2
Performans mühendisliği
6 ders · 30 dk
  1. 1 Profiling Profiling ve performans ölçümünü öğrenirsin. 5 dk
  2. 2 React Profiler React Profiler ve render sürelerini öğrenirsin. 5 dk
  3. 3 Bottleneck Performans bottleneck tespitini öğrenirsin. 5 dk
  4. 4 List optimizasyonu FlatList ve SectionList optimizasyonunu öğrenirsin. 5 dk
  5. 5 Memory leak Memory leak tespiti ve önlemeyi öğrenirsin. 5 dk
  6. 6 Özet - Performans mühendisliği Profiler, bottleneck ve memory leak'i birleştirerek bir perf raporu yazarsın. 5 dk
3
Uygulama mimarisi
6 ders · 30 dk
  1. 1 Feature-based Feature-based mimari öğrenirsin. 5 dk
  2. 2 Layered Layered mimari öğrenirsin. 5 dk
  3. 3 Clean architecture Clean architecture prensiplerini öğrenirsin. 5 dk
  4. 4 Repository pattern Repository pattern öğrenirsin. 5 dk
  5. 5 Dependency injection Dependency injection öğrenirsin. 5 dk
  6. 6 Özet - Uygulama mimarisi feature-based, clean ve repository'yi birleştirerek bir mimari iskelet yazarsın. 5 dk
4
Monorepo
6 ders · 30 dk
  1. 1 Monorepo nedir? Monorepo kavramını öğrenirsin. 5 dk
  2. 2 Yarn workspaces Yarn workspaces ile monorepo öğrenirsin. 5 dk
  3. 3 npm workspaces npm workspaces ile monorepo öğrenirsin. 5 dk
  4. 4 Turborepo Turborepo ile monorepo yönetimini öğrenirsin. 5 dk
  5. 5 Paylaşılan paketler Paylaşılan paketler ve kod paylaşımını öğrenirsin. 5 dk
  6. 6 Özet - Monorepo Yarn workspaces, Turborepo ve paylaşılan paketleri birleştirerek bir monorepo kurarsın. 5 dk
5
Erişilebilirlik
6 ders · 30 dk
  1. 1 accessibilityLabel accessibilityLabel ile erişilebilir etiket öğrenirsin. 5 dk
  2. 2 accessibilityRole accessibilityRole ile rol öğrenirsin. 5 dk
  3. 3 accessibilityHint accessibilityHint ile ipucu öğrenirsin. 5 dk
  4. 4 accessibilityState accessibilityState ile durum öğrenirsin. 5 dk
  5. 5 VoiceOver ve TalkBack VoiceOver ve TalkBack screen reader'ları öğrenirsin. 5 dk
  6. 6 Özet - Erişilebilirlik Label, Role, Hint ve VoiceOver'ı birleştirerek erişilebilir bir buton yazarsın. 5 dk
6
Çoklu dil
6 ders · 30 dk
  1. 1 i18n nedir? Internationalization (i18n) kavramını öğrenirsin. 5 dk
  2. 2 i18next i18next kütüphanesini öğrenirsin. 5 dk
  3. 3 Translation dosyaları Translation JSON dosyalarını öğrenirsin. 5 dk
  4. 4 useTranslation useTranslation hook'unu öğrenirsin. 5 dk
  5. 5 Dil değiştirme Dil değiştirme ve kalıcılık öğrenirsin. 5 dk
  6. 6 Özet - Çoklu dil i18next, useTranslation ve dil değiştirmeyi birleştirerek çok dilli bir uygulama yazarsın. 5 dk
7
Güvenlik
6 ders · 30 dk
  1. 1 Code obfuscation Code obfuscation ve minification öğrenirsin. 5 dk
  2. 2 API key güvenliği API key ve secret yönetimini öğrenirsin. 5 dk
  3. 3 Certificate pinning Certificate pinning öğrenirsin. 5 dk
  4. 4 Anti-tamper Anti-tamper ve jailbreak detect öğrenirsin. 5 dk
  5. 5 Secure coding Secure coding prensiplerini öğrenirsin. 5 dk
  6. 6 Özet - Güvenlik obfuscation, API key ve pinning'i birleştirerek güvenli bir uygulama yazarsın. 5 dk
8
Uzman finaliProje
5 ders · 30 dk
  1. 1 Proje tasarımı Uzman finali mini uygulamasının iskeletini tasarlarsın. 6 dk
  2. 2 Yeni mimari Yeni mimari (JSI, Fabric) ile bileşenler yazarsın. 6 dk
  3. 3 Performance Performance profiling ve optimizasyon eklersin. 6 dk
  4. 4 Monorepo Monorepo yapısı ve paylaşılan paketler kurarsın. 6 dk
  5. 5 Birleştirme Tüm uzman konularını birleştirerek çalışan bir mini uygulama yazarsın. 6 dk

Dersler ücretsiz, hesap ilerlemeni korur

Hesap açmak zorunlu değil. Açarsan kaldığın yerden devam eder, emeğini kaybetmezsin.

  • İlerlemen her cihazda kayıtlı
  • XP ve rozet kazan
  • Günlük seriyi koru
  • Kursu bitirince sertifika al
ücretsiz hesap aç

Sık sorulan sorular

React Native dersleri ücretsiz mi?

Evet. React Native kursundaki 362 dersin tamamı ücretsiz ve hesap açmadan başlayabilirsin.

Başlamak için ön bilgi gerekiyor mu?

Hayır. Başlangıç seviyesi sıfırdan anlatır; yalnızca bir tarayıcı yeterli. Konuyu biliyorsan üst seviyelerden başlayabilirsin.

Kursu bitirmek ne kadar sürer?

Dersler 2–8 dakikalık. Tüm kurs yaklaşık 31 saat; günde 15–20 dakikayla birkaç ayda bitirebilirsin.

Sertifika veriliyor mu?

Evet. Ücretsiz hesapla kursu tamamladığında adına doğrulanabilir bir sertifika oluşturulur.

Hesap açmadan ilerlemem kaybolur mu?

Hesapsız ilerlemen yalnızca kullandığın tarayıcıda tutulur. Ücretsiz hesap açtığında bu ilerleme hesabına aktarılır.

Sonraki adım Dart

Dart 3 ile null safety, records, pattern matching ve async'ten uzman seviyeye kadar tüm temelleri öğrenin.