React StrictMode'da useEffect neden 2 kere çalıştırılır?

useEffect kancası iki kez çalıştırılması durumu, genellikle geliştirme sırasında yaşanan bir durumdur ve React.StrictMode'un neden olduğu bir yan etki olabilir. Bunun birkaç olası nedeni vardır:

• Geliştirme Modunda Ekstra Render Çağrıları: React.StrictMode etkinleştirildiğinde, bazı durumlarda bileşenlerin iki kez veya beklenmedik şekillerde yeniden render edilmesi olabilir. Bu, uygulamanızın gerçek üretim ortamında performansını etkilemez, ancak geliştirme modunda daha fazla güncelleme görmenize neden olabilir.

• Ekstra Log ve Uyarı Mesajları: React.StrictMode, bileşenlerin render işlemleri sırasında potansiyel uyarıları ve hataları tespit etmeye çalışırken ekstra kontroller gerçekleştirebilir. Bu nedenle, normalde bir kez çalışması gereken işlemler (örneğin, useEffect içindeki kod bloğu), bu ekstra kontroller nedeniyle iki kez çalıştırılabilir.

• Harici Faktörler: useEffect'in iki kez çalıştırılmasının nedeni bazen uygulamanın yapısından kaynaklanabilir. Örneğin, bağımlılıkları değiştiğinde veya bileşen yeniden render edildiğinde useEffect tekrar tetiklenebilir.

Eğer useEffect'inizin sadece bir kez çalışması gerektiğini ve bu davranışın istenmediğini düşünüyorsanız, muhtemelen bu durumun React.StrictMode ile ilişkili olduğunu unutmamanız önemlidir. Üretim ortamında bu tür sorunlar genellikle görülmez. Eğer sadece geliştirme modunda bu sorunu yaşamaktan rahatsızsanız, bu durumu göz ardı edebilir veya React.StrictMode'u devre dışı bırakabilirsiniz.


ChatGPT tarafından yazılmıştır.

Genelde ilk yaptığım strick mode kapatmak oluyor. Hata denetimi ve kontrolü için kendi exceptionlarımı kullanıyorum strick mode yerine.