15 Mayıs 2020

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

ile Turan Yunus Çelikel

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 – ComponentDidMount

Render ‘dan hemen sonra çalışır. Ekranda gösterilmesini istediğiniz component’ler çalıştıktan hemen sonra çalışır.

5 – ShouldComponentUpdate

Props veya state değiştiği anda biz komponentimizin baştan render edilip edilmemesi gerektiğini manual olarak belirleyebiliyoruz.

6 – ComponentWillUpdate

ShouldComponentUpdate’den true döndüğü sürece çalışacaktır. Yani özetle component ‘in güncellenmesi halinde çalışacak event ’ımızdır.Yine iki parametre alır.  nextProps ve nextStates.

7- ComponentDidUpdate

Bu event iki parametre alıyor.

ShouldComponentUpdate den true döndükten sonra ComponentWillUpdate çalışır. Sonra Render çalışır.  Sonrada. ComponentDidUpdate çalışır.

8- ComponentWillUnmount

Bütün işlemler bittikten sonra DOM üzerinden kaldırılmadan önce çalışır.

9- ComponentDidCatch(error, info)

Javascript hatalarında bu method tetiklenir. Log’lama yapılması için uygun bir alandır.