Etiket: mobile

9 Ekim 2020

React-Native 9 – Header Component

Artık uygulamamıza güzel bir header componenti yakışır bence onun için kolları sıvıyoruz. İlk olarak hemen hemen her projemde kullandığım native-base paketini projemize ekliyoruz.

9 Ekim 2020

React-Native 8 – Hook kimdir, kimlerdendir ?

React 16.8’le beraber hayatımıza hook’lar girdi. Peki neden böyle bir şeye ihtiyaç duyuldu? React’ın en zayıf ve tartışılmaya açık noktalarından biride kod karmaşıklığıydı. Yaşam döngüsü sırasında bir çok bileşen vardı. Örn: componentDidMount, componentDidUpdate vs gibi bu da kodu çok karmaşık ve kalabalık hale getiriyordu. Proje büyüdükçe kodların okunması ve kodlara açıklık getirmek bir hayli zor oluyordu.

20 Ağustos 2020

React-Native 6 – Dosya Yapısı

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 : […]

15 Mayıs 2020

React-Native Dersleri 1 – Yaşam döngüsü ve kavramları

1 – Constructor Sayfa ilk yüklendiğinde buraya gelir. Statelerimizi buraya ekleriz. this.state = {       data : [] } 2 – ComponentWillMount Component ekranı yerleştirilmeden render ’dan önce çalışmaktadır. Yani render işleminden hemen önceki tetiklenen Event’tir. Aynı constructor gibi özel tanımlı bir fonksiyondur. 3 – Render Sayfanın tüm UI komponentlerini buraya ekleriz. Bu metod diğerlerinden bagımsızdır. Render metodu olmadan component ‘ler çalışmaz. 4 […]