20 Ağustos 2020

React-Native 6 – Dosya Yapısı

ile Turan Yunus

Selam herkese,

Uygulamayı oluşturduk. Artık yavaş yavaş mimarimizi ve neler yapacağımızı kesinleştirmek istiyorum. Şu an tüm klasörlerimi oluşturdum. 

assests : Bizim varlıklarımızın bulunduğu dosyadır. Resimde de gözüktüğü gibi fontlarımız, ikonlarımız, resimlerimiz vs vs gibi varlıklarımızı burada tutacağız.

components : Bizim bileşenlerimizi özelleştirmek istediğimizde özelleştirilmiş bileşenlerimizi burada tutarız. Genel bir buton yapıp tüm sayfalarda kullanmak istediğimizde o butonu özelleştirdikten sonra bu alanda muhafaza ediyoruz.

 screens : İsminden de anlaşılacağı üzere bizim tüm ana ekranlarımızın bulunduğu yerdir. 

utils : Bizim yetenekli fonksiyonlarımızın bulunduğu alandır. 

Örnegin : Email kontrollerini yapan bir fonksiyon veya Tckn kontrolleri yapan bir fonksiyon gibi  

App.js son hali 🙂

Tamamen temizledim 🙂 Sizinde temizlemenizi bekliyorum.

Paket adının uyarı vermesine sinir oldugum için hemen değiştiriyorum

Package.json name eski hali
Package.json name son hali

Bir sonraki serimde artık kodlamalara ve npm paketlerimizi yüklemeye başlayacağız. Güzel bir navigation’dan sonra soldan gelen menü ekleyeceğim.