Cohorts
  • Discover
  • About Us
  • Blog
  • Patika.dev
  • Web3

React Native

Mobil Programlama
Mobil Uygulama Geliştirme Nedir
Mobil Uygulama Geliştirme Analizi
Mobil Uygulama Geliştirmede UI & UX
Mobil Uygulama Geliştirmede Renkler

React Native Ortamı
React Native Nasıl Çalışır
macOS Kurulumu
Windows Kurulumu
Proje Dizini Genel
Proje Dizini Android
Proje Dizini iOS

React & React Native Temelleri
React Native Temelleri-Bölüm Tanıtımı
JSX Giriş
JSX & React Native Döküman İncelemesi
Component Yapısı
Component Yapısı (Devam)
Stillendirmeye Giriş
Flex Yapısı
Flex Yapısı (Devam)
Custom Component
Custom Component (Devam)
News App
Patistore

State ve Lifecycle
State ve Lifecycle-Bölüm Tanıtımı
State Giriş
State Devam
Lifecycle Giriş
Lifecycle Devam (Declarative State Yapısı)
Lifecycle Devam (Mount)
Lifecycle Devam (Clean up)
Class vs Functional Component
Music App (İnceleme)
Music App
Music App (Devam)
ToDo

Navigasyon
Navigasyon-Bölüm Tanıtımı
React Navigation Paketinin İncelenmesi
React Navigation Paket Kurulumu
React Navigation Paketine Başlangıç
Sayfalar Arası Geçiş
Sayfa Geçişlerinde Veri Aktarma
Kebap Fitness App
Tab & Drawer Navigator Modülleri
Nested Navigation Yapısı

Web API-Bölüm Tanıtımı
Web API nedir?
JSON Veri Tipi
Axios paketi ile HTTP Request
Promise Çözümleme (then&catch)
Promise Çözümleme (async&await)
Çekilen Veriyi Görüntüleme
Dükkan (Veri çekme ve tasarım )
Dükkan (Custom Hook yapısı)
Dükkan (Lottie paketi ile animasyonlar)
Dükkan (Detay sayfası)
Tarifka

State Management (Redux)
State Management nedir?
Redux ile State Management Temelleri
Redux Detayları ve Tekrar
Mevcut Bir Yapıya Redux Entegrasyonu
Dükkan (Login Tasarımı)
Dükkan (Formik)
Dükkan (Vector Icons)
Dükkan (usePost Custom Hooku)
Dükkan (Redux Yapısı)
Dükkan (Logout)
kodwork

Firebase Tanıtımı ve Kurulumu
Firebase Auth Modülü
Firebase Realtime DB
Firebase Realtime DB (Devam)
bana ne? (Generic Style)
bana ne? (Auth sayfaları)
bana ne? (Auth işlemleri)
bana ne? (Content Input componenti)
bana ne? (Content göndermek)
bana ne? (Content çekmek)
bana ne? (Log out işlemleri)
bana ne? (Dislike??)
bana ne? (Uygulamayı tamamlayış)
Codetalks

Uygulama İcon Değiştirme (Android)
Uygulama İcon Değiştirme (iOS)
Uygulama Release Alma (Android)
Uygulama Release Alma (iOS)
Uygulama Mağazası (App Store Connect)
Uygulama Mağazası (Google Play Console)

Test Nedir? Neden Yazılır?
İlk Testimizi Yazalım
Fonksiyon Test Etme
Örnek-Stil Testi
Uygulamanın Genel Testi
Coverage

GCP ve API Key Alma
Maps Paketinin Yüklenmesi
Harita Verisinin Çekilmesi
Loading Componenti
Markerleri Görüntüleme
useRef Hook'u ve Zoom İşlemi
User Card Modal Eklentisi

Proje Raporu Nedir
Örnek Proje Raporu Çıkarma

React Native Ortamı


Windows için kurulum linki: https://ezranbayantemur.medium.com/react-native-windows-kurulumu-1a145a3e8639


macOS için kurulum linki: https://ezranbayantemur.medium.com/react-native-macos-kurulumu-d6ea33a692e


ANDROID


android
   |-- app (Derlenecek Android projesinin kaynak sistem kodları bu dizindedir)
   |    |
   |    |-- build (Android projesi her derlendiğinde derleme çıktıları
   |    |          bu dizinde tutulur. gradlew clean yapıldığında bu dizin
   |    |          temizlenir. Bir nevi android compile cache'idir)
   |    |-- src
   |    |    |-- debug
   |    |    |-- main
   |    |          |-- java (Android uygulamasının Java kaynak kodları)
   |    |          |-- res  (Android uygulamasının görünür ismi, icon vs.
   |    |          |         bilgilerinin tutulduğu dizin)
   |    |          |
   |    |          |-- AndroidManifest.xml (Uygulamanın Android için nasıl derleneceğine
   |    |                                   hangi ayarlar ile çalışacağına, hangi izinlere
   |    |                                   sahip olacağına vb. bilgilerin belirtildiği dizin)
   |    |
   |    |-- build.gradle (Android uygulamasının versiyon kodu, build versiyon ayarları
   |    |                 imzalama kodları, kullanacağı paketlerin (ihtiyaç varsa) yapılandırma
   |    |                 bilgileri vb. bilgilerin belirtildiği kaynak kısım)
   |    |...
   |    |...
   |
   ||-- build.gradle (Android projesinin (UYGULAMA DEĞİL) ana versiyon kodları
   |                 ve kütüphanelerinin ayarlarının bulunduğu konum)
   |...
   |...
   |...


iOS


  ios
   |-- <project-name>
   |        |
   |        |-- Images.xcassets (iOS projesinde kullanılacak görsellerin yer aldığı dizindir.
   |        |                    Uygulama iconları vb. ögeler bu dizinde yer alır)
   |        |          temizlenir. Bir nevi android compile cache'idir)
   |        |
   |        |-- AppDelegate.m (iOS projesinin ana derleme dosyasıdır)
   |        |
   |        |-- Info.plist (iOS projesinin nasıl derleneceği, hangi izinlere sahip olacağı,
   |        |               hangi değerlere kullanacağı gibi bilgilerin yer aldığı dosyadır)
   |        |
   |        |...
   |        |...
   |
   |-- Podfile (iOS tarafında kullanılacak 3rd paketlerin bilgisinin tutulduğu dosyadır.
   |            pod install komutu ile bu dosyada adreslenen paketler yüklenir)
   |...
   |...


Ana Proje


<project>
   |-- android
   |-- ios
   |-- node_modules (Projede kullanılan tüm JS paketlerinin kaynak kodlarının bulunduğu konumdur.
   |                 package.json neyi adreslerse onu ve ona bağlı paketleri yükler.
   |                 gitignore'da da eklidir. Bu yüzden ASLA ama ASLA git'e atılmaz. Eğer
   |                 yüklenen herhangi bir pakette güncellemeye ihtiyaç varsa o paket forklanır,
   |                 güncellenir ve o url package.json'a yazılır. Bu dizine dokunulmaz)
   |
   |-- eslintrc.js (ESlint ayarlarının yapıldığı dosyadır)
   |
   |-- index.js (Projenin hangi adresten başlatılacağının bilgisinin tutulduğu dosyadır)
   |
   |-- package.json (Projede kullanılacak paketlerinin versiyonlarının tutulduğu, bu proje
   |                 dizinden çalıştırılacak scriptlerin belirtildiği vb. tüm bilglerin 
   |                 tutulduğu JSON dosyasıdır)
   |...
   |...
   |...


Yararlı VSCode Eklentileri


Geliştirme sürecinde kolaylık sağlayabilecek eklentiler listesi


  • React Native Tools
  • React Native Snippet
  • ES7 React/Redux/GraphQL/React-Native snippets
  • ESLint
  • Prettier
  • Visual Studio IntelliCode
  • Tabnine Autocomplete AI
  • GitLens
  • Bracket Pair Colorizer
  • Auto Close Tag
  • Auto Rename Tag
  • Version Lens
  • Todo Tree
  • Conventional Commits


Bonus:


  • Nord Theme
Previous
Next

Lesson discussion

Swap insights and ask questions about “React Native”.

Enroll to participate
Start the course to unlock the discussion. Enrolling helps us keep conversations relevant to learners.
Cohorts
WebsiteDiscoverBlogPatika.devRise In
CoursesCircleRustSoliditySolanaWeb3 FundamentalsBlockchain Basics
CompanyAbout UsTerms of UsePrivacy PolicyGDPR NoticeCookies
Don't miss any update!

Disclaimer: The information, programs, and events provided on https://cohorts.patika.dev is strictly for upskilling and networking purposes related to the technical infrastructure of blockchain platforms. We do not provide financial or investment advice, nor do we make any representations regarding the value, profitability, or future price of any blockchain or cryptocurrency. Users are encouraged to conduct their own research and consult with licensed financial professionals before engaging in any investment activities. https://cohorts.patika.dev disclaims any responsibility for financial decisions made by users based on the information provided here.

© 2026 Cohorts, All rights reserved