React Tutorial 2023 41 – useEffect Hook’u 1 – Kavramsal Olarak Side Effect

Merhabalar.

Bu yazımda yeni bir hook’a giriş yapıyoruz. Ancak useEffect Hook’una geçmeden önce kavramsal açıdan Side Effect kavramını ele almak istedim.

“Side effect” bir fonksiyon veya ifade tarafından gerçekleştirilen, dış dünyada değişikliklere neden olan herhangi bir etkiyi ifade eder. Bu değişiklikler, genellikle fonksiyonun kendi içindeki hesaplamaların dışında, programın durumu üzerinde etkiler yaratır.

React bağlamında, “side effect” kavramı genellikle yaşam döngüsü metotları içinde veya fonksiyonel bileşenlerde kullanılır. Örneğin, componentDidMount veya useEffect gibi metodlar, bir bileşenin render edildikten sonra çalışan yan etkileri tanımlamak için kullanılabilir.

Bu yan etkiler genellikle şunları içerir:

Veri İsteği (Data Fetching): Bir API’den veri çekmek veya başka bir kaynaktan veri almak gibi işlemler.

Abonelikler (Subscriptions): Bir olaya veya veri akışına abone olma ve bu olaylar gerçekleştiğinde bir şeyler yapma.

Durum Güncellemeleri (State Updates): React bileşenlerinin durumunu güncellemek ve bu güncellemeleri kullanıcı arayüzüne yansıtmak.

DOM İşlemleri (DOM Manipulation): Sayfadaki DOM elemanlarına erişmek ve onları değiştirmek.

React’ta, bu yan etkileri kontrol etmek için useEffect hook’u kullanılır. Bu sayede, bileşenlerin yaşam döngüsü içinde belirli anlarda veya belirli durum değişikliklerinde yan etkileri gerçekleştirebilirsiniz. Yan etkilerinizi bu şekilde düzenlemek, uygulamanızın daha tahmin edilebilir ve sürdürülebilir olmasına yardımcı olabilir.

Bu kavramı anladıysak bir sonraki yazımda görüşmek üzere.