React useEffect ve useCallback kancaları geliştiriciler için baş ağrısıdır
Yıllık JavaScript Durumu çalışmasının arkasındaki ekip, ilk React Durumunun sonuçlarını yayınladı. Geçen yıl ankete 13.000'den fazla geliştirici katıldı. Çalışma, her ikisinin de React sürümlerini yükseltmekten ve en yeni özellikleri iyi bir şekilde kabul etmekten mutlu olduğunu gösteriyor. Ancak zorluklardan biri kancalardır. useEffect VE useCallback. Tam yığına doğru gelişen React JavaScript kütüphanesi hala en sık tek sayfalı uygulamalar için kullanılıyor.
Duyuru
Next.js en popüler meta çerçevedir
Anket ekibi, katılımcıların React ile hangi meta çerçeveleri kullandığını ve bunları tekrar kullanmak isteyip istemediklerini öğrendi. Katılımcıların neredeyse %92'si Create React uygulamasını zaten kullanmış durumda. %76'sı Next.js, %15'i Gatsby, %12'si Astro ve %9'u Remix deneyimine sahip.
Ancak çerçevelerin popülaritesi farklı: %39'u Next.js'yi tekrar kullanmak isterken çerçeveyi büyük bir farkla ilk sıraya koyarken Create React App yalnızca %13'e ulaştı. Bunu Astro (%12), Remix (%9) ve Redwood (%6) ile son çıkan Gatsby %6 ile takip ediyor.
Araştırmanın yazarları, Create React App'in resmi olarak kullanımdan kaldırılmış (eski) kabul edildiğini ve son güncellemesini 2022'de aldığını belirtiyor.
17 Ekim 2024'te dpunkt.verlag ve iX'in React 19 Day çevrimiçi konferansında popüler JavaScript kitaplığının yeni özellikleri sergilenecek. EnterJS temalı gün, katılımcılara yeni sürümden en iyi şekilde nasıl yararlanabileceklerini ve React 19 ile modern web geliştirmenin uygulamalarını nasıl iyileştirebileceğini gösteriyor. Programdan alıntı:
Erken kayıt biletleri 25 Eylül'e kadar geçerlidir.
API'ler ve kancalar: kullanım sıklığı ve zorluk
Kancalar 2018'den beri React'ta kullanılabiliyor. Ankete katılanların %99'u bunu kullanıyor useStateve yüzde ikinin biraz azı bunu olumsuz olarak değerlendiriyor. En çok kullanılan diğer React özellikleri şunlardır: useEffect, <Fragment>, useRef VE useContextNerede <Fragment> En yüksek onayı %57 ile aldı.
En çok kullanılan beş React özelliği
(Resim: React Durumu 2023)
Ancak API'leri ve kancaları kullanırken de zorluklar vardır. Bu nedenle arıların en büyük sorunu çocuklardır. forwardRef %27 ile, memo %22 ve Context API %21 ile. Yeni API'ler arasında React Server bileşenlerinin, ankete katılanların %24'ü tarafından “sorun noktası” olarak adlandırılan en büyük zorluk olduğu kanıtlanıyor.
Kancalara gelince, acı useEffect yüzde 37 ile useCallback %15 oranında negatif, araştırmaya göre bu büyük ölçüde bağımlılık kalıplarının yönetilmesinden kaynaklanıyor.
Tailwind CSS ile CSS kullanarak D3 ile veri görselleştirme
React'ın kendi özelliklerinin yanı sıra popüler araçları ve kütüphaneleri de sorgulandı. Veri görselleştirme için yanıt verenlerin %45'i D3 kütüphanesini kullanıyor ve bunu %29 ile Recharts takip ediyor. Nivo %7 ile açık ara üçüncü sırada yer alıyor. CSS araçları ve kitaplıkları arasında Tailwind CSS, her biri %67'lik payla, yalnızca on kişilik bir farkla Styled Components'ın hemen önünde birinci sırada yer alıyor.
SSR ve SSG öncesi tek sayfalı uygulamalar
Peki geliştiriciler neden yine de React'ı kullanıyor? Çalışma aynı zamanda bu soruyu da araştırdı. React hâlâ çoğunlukla tek sayfalı uygulamalar (SPA'lar) (%86) için kullanılıyor. Bunu ancak o zaman %63 ile sunucu tarafı oluşturma (SSR) takip ediyor. Statik Site Oluşturma (SSG), yanıt verenlerin yarısının React kullandığı üçüncü sırada yer alıyor.
React'ın en yaygın kullanım alanları
(Resim: React Durumu 2023)
Bu anlamda çalışmanın sonucu, 2028'de yaklaşık olarak aynı sıklıkta iki React formunun kullanılabileceğini öngörüyor: sunucu bileşenleri ve sunucu eylemleri içeren tam yığın sürümü ve tamamen istemci tarafında tek sayfalı uygulamalar içeren bir sürüm. .
Çalışmaya ilişkin notlar
“State of React 2023” çalışması Devographics topluluğu tarafından 27 Ekim – 15 Kasım 2023 tarihleri arasında gerçekleştirildi. Çalışma ekibi, o dönemde React 19'un henüz duyurulmadığını belirtiyor. Ancak ankete katılan React geliştiricileri yükseltme yapmaktan memnundu: Kullandıkları sürüm hakkında bilgi veren 9.500 kişiden %69'u mevcut ana React 18.x sürümünü kullandı ve %2'si Canary sürümlerini bile kullandı. Ankete toplam 13.003 kişi katıldı, ancak alt sorulara önemli ölçüde daha az kişi yanıt verdi.
Araştırmanın sonuçları resmi web sitesinde görülebilir.
(Mayıs)