Giriş React dünyası bir kez daha kabuk değiştiriyor. Eğer React bilginiz useState ve useEffect ile sınırlıysa, bildiğiniz dünyanın değişmekte olduğunu söylemeliyim. Meta'nın (Facebook) UI kütüphanesi olarak başlayan macera, bugün Next.js gibi framework'lerle birleşerek web'in render edilme mantığını yeniden tanımlıyor.
Client-Side Rendering (CSR) Sorunsalı Yıllarca SPA (Single Page Application) mantığıyla tarayıcıya devasa JavaScript dosyaları (bundle) yolladık. Kullanıcı beyaz bir ekran izledi, ardından JS yüklendi, sonra API'ye istek atıldı, veri geldi ve ekran çizildi. Bu süreç ("Waterfalls"), özellikle mobil cihazlarda kötü bir deneyim yarattı.
Devrim: React Server Components (RSC) RSC, React bileşenlerinin sunucuda çalışmasını sağlar. Bu ne anlama gelir?
Veritabanına doğrudan bileşen içinden erişebilirsiniz.
Büyük kütüphaneler (örneğin Markdown parser) sunucuda kalır, tarayıcıya gönderilmez.
Tarayıcıya sadece HTML ve minimum interaktivite kodu (Client Components) gider.
Ekosistemin Yeni Kralları: Next.js ve Remix Artık "saf React" projesi (create-react-app) başlatmak, modern standartlarda "deprecated" (kullanımdan kalkmış) kabul ediliyor. Next.js, Routing, SSR, SSG ve RSC'yi tek bir pakette sunarak React'in "de facto" framework'ü oldu.
Sonuç React öğrenmek artık sadece kütüphaneyi değil, rendering stratejilerini (Server vs Client) öğrenmek demektir. Sunucu ve istemci arasındaki sınırı bulanıklaştıran bu mimari, daha hızlı ve SEO dostu uygulamaların anahtarıdır.
✨ Bu yazıyı faydalı buldun mu?