⚡ React Komponentleri 4 Aşamada Oluşur

1. Render Triggered
   • Bir state veya prop değişikliği render sürecini başlatır.
2. Render Phase
   • React, yeni sanal DOM’u oluşturur ama ekrana yazmaz.
   • Bu aşama saf ve yan etkisizdir (pure).
3. Commit Phase
   • Değişiklikler gerçek DOM’a uygulanır.
   • useEffect gibi side-effect’ler burada çalışır.
4. Browser Paint
   • Tarayıcı güncellenen DOM’u ekrana çizer, kullanıcıya gösterir.

⚡ State Güncelleme

• Bir state güncellendiğinde tüm DOM değil, sadece ilgili komponent ve alt komponentleri yeniden render edilir.

⚡ Reconciliation

• Reconciliation, state güncellendiğinde hangi komponentlerin yeniden render edilmesi gerektiğini belirler ve buna göre hareket eder.

⚡ Render ve Commit Phases

• Render Phase → asenkron (async)
• Commit Phase → senkron (sync)

⚡ ReactDOM Görevi

• Sanal DOM’daki değişiklikleri gerçek DOM’a commit eder.
• Tarayıcının güncellenen DOM’u ekrana çizmesini sağlar.