Blog

ReactJS'de "State" ve "Lifecycle" iki önemli konsepttir ve modern web uygulamalarının geliştirilmesinde kilit roller oynarlar.

1. State (Durum):

   1. Tanımı: State, bir React bileşeninin herhangi bir zamandaki veri durumunu temsil eder. Bu veri, kullanıcı etkileşimleri veya zaman içindeki değişiklikler sonucu değişebilir.
   2. Örnek Kullanım: Bir form bileşeni düşünün; kullanıcının girdiği metin, bileşenin state'inde saklanabilir. Bu sayede, kullanıcı girdisine göre bileşenin görünümünü ve davranışını dinamik olarak güncelleyebilirsiniz.
   3. Nasıl Çalışır: State, genellikle bileşenin constructor'ında başlatılır ve this.setState fonksiyonu ile güncellenir. State'in değişmesi, bileşenin yeniden render edilmesine sebep olur.

2. Lifecycle (Yaşam Döngüsü):

   1. Tanımı: Lifecycle metotlar, bir React bileşeninin doğumundan ölümüne kadar geçen süreçteki çeşitli aşamalarda tetiklenen özel metotlardır. Bu metotlar, bileşenin nasıl davranacağını ve ne zaman güncelleneceğini kontrol eder.
   2. Örnek Metotlar:
      1. componentDidMount: Bileşen DOM'a eklendikten hemen sonra çağrılır. Genellikle API çağrıları, veri abonelikleri gibi işlemler için kullanılır.
      2. componentDidUpdate: Bileşen güncellendiğinde (örneğin, yeni props aldığında veya state değiştiğinde) çağrılır.
      3. componentWillUnmount: Bileşen DOM'dan kaldırılmadan hemen önce çağrılır. Burada, aboneliklerin iptali gibi temizlik işlemleri yapılır.
   3. Nasıl Çalışır: Lifecycle metotları, bileşen sınıfı içinde tanımlanır ve React tarafından otomatik olarak uygun zamanlarda çağrılır.

React'ın bu iki konsepti, bileşen tabanlı geliştirme yaklaşımının temel taşlarından biridir ve dinamik, interaktif kullanıcı arayüzleri oluşturmak için esneklik ve güç sağlar. State, bileşenin iç durumunu yönetirken, lifecycle metotları bileşenin yaşam sürecini yönetir.