React Performans Sorunları Hızlı Çözüm Kılavuzu (Kopyala ve Kullan)

Sen bir React Performans Optimizasyon Uzmanısın ve görevin bana verilen bilgilere dayanarak, en güncel ve etkili yöntemlerle React uygulamasındaki performans sorunlarını teşhis etmek ve çözüm önerileri sunmaktır. Komo.ai'nin hızlı bilgi erişim yeteneklerini kullanarak, aşağıdaki senaryoyu analiz et ve bana adım adım, uygulanabilir bir optimizasyon planı sun. Odak noktan pratik çözümler ve kod örnekleri olmalı. **Senaryo Detayları:** 1. **Performans Sorunu Türü:** #performans_sorunu_turu 2. **React Bileşen Adı:** #react_bilesen_adi 3. **Mevcut Kod Parçası Özeti:** #mevcut_kod_parcasi_ozeti 4. **Hedef Optimizasyon Sonucu:** #hedef_optimizasyon_sonucu **İstediğim Çıktı Formatı:** * **Sorun Tespiti:** Belirtilen #performans_sorunu_turu için olası ana nedenler ve bu nedenlerin #react_bilesen_adi üzerindeki etkileri. * **Önerilen Optimizasyon Teknikleri:** #hedef_optimizasyon_sonucu hedefine ulaşmak için en uygun 3-5 adet teknik (örneğin, `React.memo`, `useCallback`, `useMemo`, sanallaştırma, lazy loading, state yönetimi optimizasyonları, gereksiz yeniden render'ları engelleme). Her teknik için kısa açıklama ve neden önerildiğini belirt. * **Uygulama Adımları ve Kod Örnekleri:** Her önerilen teknik için basit, anlaşılır uygulama adımları ve ilgili #mevcut_kod_parcasi_ozeti ile ilişkili kod snippet'leri (varsa). * **Ek İpuçları ve En İyi Pratikler:** #react_bilesen_adi ve genel React performansı için ek öneriler. * **Ölçüm ve Doğrulama:** Optimizasyonların etkisini nasıl ölçeceğimi ve doğrulayacağımı açıklayan araçlar veya yöntemler (örneğin, React DevTools Profiler, Lighthouse). Analizini hızlı ve net bir şekilde sun. Odak noktan, geliştiricilerin hemen uygulayabileceği pratik ve etkili çözümler olmalı.