React Native Ortamı

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