Addy Osmani’nin Next.js App Router ve React Server Component açıklaması

• Addy Osmani, Google Chrome ekibinde yer alıyor ve TodoMVC ile HNPWA gibi projelerin tanıtımını yapacak kadar framework ve kütüphaneler konusunda yetkin
• RSC?
  • Bileşen ağacı yapısının temel bir parçası olarak veri getirmeyi entegre ederek en üst düzeyde beklemeyi ve sunucu tarafında veri serileştirmeyi mümkün kılıyor
  • RSC, sunucuda çalışan stateless React component’lerdir; sunucu ve istemci bileşenleri arasında bakımı yapılabilir kodların yeniden kullanımını kolaylaştıran bir deneyim (knitting) sunar
  • MPA benzeri bir mimari üzerinde SPA benzeri yönlendirmeyi mümkün kılar
  • Gerçek uygulama (sağlanan biçim) framework’e göre farklı olacaktır
  • React ekibi bunun yaygınlaşarak ekosistemi etkileyeceğini düşünüyor. React ekibinden Dan, Server Component’lerin uygulamanın veri akışının iskeletini oluşturduğunu, Client Component’lerin ise o kemiği saran et gibi olduğunu benzetmeyle anlatıyor
• Next.js App Router ve Server Component nasıl birlikte çalışıyor?
  • Next.js 13+ sonrasında RSC desteği var
  • app yolu içindeki component’lerde RSC otomatik olarak desteklenir
  • RSC, sunucu tarafı altyapı ve bağımlılıkları kullanma avantajıyla daha iyi performans ve daha küçük bundle boyutu sağlar
  • Next.js App Router, sunucu render ve istemci render’ı birlikte kullanarak uygulamayı kademeli biçimde iyileştirir ve kullanıcı deneyimini doğal hale getirir. Client Component açıkça belirtilerek kullanılabilir (use client) ve aynı bileşen ağacı içinde çapraz şekilde yerleştirilebilir
  • Next.js App Router ile iyi deneyim örnekleri ortaya çıkıyor
• Bunun dışında ilgili çeşitli konular da var, okumakta fayda var.