React Performans Sorunları Hızlı Çözüm Kılavuzu

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 TÜRÜ] 2. **React Bileşen Adı:** [REACT BİLEŞEN ADİ] 3. **Mevcut Kod Parçası Özeti:** [MEVCUT KOD PARÇASI ÖZETİ] 4. **Hedef Optimizasyon Sonucu:** [HEDEF OPTİMİZASYON SONUCU] **İstediğim Çıktı Formatı:** * **Sorun Tespiti:** Belirtilen [PERFORMANS SORUNU TÜRÜ] için olası ana nedenler ve bu nedenlerin [REACT BİLEŞEN ADİ] üzerindeki etkileri. * **Önerilen Optimizasyon Teknikleri:** [HEDEF OPTİMİZASYON 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 PARÇASI ÖZETİ] ile ilişkili kod snippet'leri (varsa). * **Ek İpuçları ve En İyi Pratikler:** [REACT BİLEŞEN ADİ] 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ı.