React Conf 2025 (2. Gün)

Önceki yazının devamı olarak, 2025 React Konferansı'nın ikinci günündeki sunumların özetidir.

İkinci gün ağırlıklı olarak React Native ile ilgili sunumlar yapıldı.

Tüm içeriği merak edenler bağlantıdaki yazıya göz atabilir!

• React Native Keynote

  • React Native indirmeleri %100 büyüdü (haftalık 4 milyon); 0.82 sürümünde New Architecture varsayılan olarak etkin ve Hermes V1 deneysel olarak destekleniyor
  • Web yakınsaması için React Strict DOM ve DOM API'leri eklendi; Shopify, Starlink gibi başarılı örnekler paylaşıldı
  • Expo SDK 54, güçlendirilmiş DevTools performans paneli ve Vega OS yerleşik desteğiyle gelecekteki platformlara genişleme

• React Native, Amplified

  • Amazon'un Vega OS'u: React Native yerleşik, Linux tabanlı bir işletim sistemi; Fire TV gibi cihaz desteğiyle kaynak verimliliğinde %30 artış
  • Vega için React Native(@amazon-devices/react-native-kepler) ile uygulamalar arasında kütüphane paylaşımı, 10-12MB depolama tasarrufu
  • Vega Developer Tools Public Beta, Rock gibi taşıma desteği ve yapay zeka araçlarıyla (Amazon Q, Kiro) geliştirme hızlandırma

• React Strict DOM

  • Web ve native arasındaki kopukluğu çözmek için react-strict-dom: HTML/CSS polyfill ile tek bir React UI oluşturma ("Learn Once, Write Once")
  • Meta'nın Facebook VR uygulamasında web kodunun %60'ı başarıyla paylaşıldı, native performans 2.5 kat iyileşti
  • Gelecek: DOM API desteğinin %63'e çıkarılması, platformlar arası animasyon/styling birleşimi ve yapay zeka eğitimi için optimizasyon

• Reimagining Lists in React Native

  • Blanking List sorununu (kaydırma sırasında içeriğin kaybolması) çözmek için <VirtualView /> deneyi; bileşenler için senkron/asenkron render önceliği kontrolü
  • Virtual Collections ile sanallaştırılmış liste optimizasyonu, visible/prerender modlarının ayrılması; 0.83 sürümünde dokümantasyon planlanıyor
  • New Architecture'ın varsayılan hale gelmesiyle mobil UI framework düzeyinde performans, topluluk geri bildirimi çağrısı

• React Everywhere: Bringing React Into Native Apps

  • WebView sınırlarını (UX düşüşü, performans darboğazı) aşmak için React Native Brownfield: mevcut native uygulamalara RN görünümlerini kademeli ekleme
  • rock aracıyla RN uygulamasını AAR/XCFramework olarak paketleme, react-strict-dom/Nativewind ile evrensel kod paylaşımı
  • Tek ekip sahipliği ve WebView → RN geçiş stratejisiyle cross-platform verimliliğini en üst düzeye çıkarma

• How Parcel Bundles React Server Components

  • Parcel v2.14 RSC desteği: sunucu/istemci module graph birleşimi, "use client" yönergesiyle proxy oluşturma ve preload otomasyonu
  • Network Waterfalls kaldırılıyor: sunucuda dynamic import için sıfır gecikme, CSS side effect işleme ve code splitting optimizasyonu
  • Framework'ten bağımsız RSC'yi bundler katmanında uygulama, seçmeli SSR ile performans ve esneklik artışı

• Designing Page Transitions

  • View Transitions API ile server-rendered sayfalar arasında animasyon: <ViewTransition /> ile opt-in, varsayılan crossfade desteği
  • Next.js Custom Link ile yön/paylaşılan öğe özelleştirmesi, motion blur/easing ile daha rafine UX
  • Tarayıcı pseudo-element'leriyle yüksek performanslı statik görsel animasyonu, koordinasyonun React'e devredilmesiyle daha basit geliştirme

• Build Fast, Deploy Faster—Expo in 2025

  • Expo SDK 54: React Compiler varsayılan, liquid glass gibi native efektlerin anında entegrasyonu, 4 kat daha hızlı EAS Build
  • EAS Deploy/TestFlight otomasyonu ile 5 dakikada dağıtım, Expo Launch ile tek tıkla App Store çıkışı
  • Native CSS desteği (Tailwind uyumlu), yapay zeka Copilot demosuyla 40 saniyede Pokédex uygulaması oluşturma

• The React Router take on RSC

  • Vite eklentisiyle RSC etkinleştirme, mevcut uygulamalara kademeli geçiş: loader → async Server Component dönüşümü
  • Nested routes üzerinde bağımsız RSC uygulaması, Server Actions ile form/action sadeleştirme, "use client" konusunda dikkat
  • Type-safe yönlendirme/veri yükleme, istemci-sunucu karmasını destekleyerek full-stack esneklik sağlama

• RedwoodSDK: Web Standards Meet Full-Stack React

  • Vite tabanlı web standards framework: route functions, interrupters/middleware, Cloudflare Workers optimizasyonu
  • Server-first RSC streaming, WebSockets real-time, no-JS SSR → hydration → View Transitions desteği
  • pnpm release ile tek komut dağıtım, Durable Objects/DB entegrasyonuyla complete document control

• TanStack Start

  • Client-first full-stack: TanStack Router tabanlı type-safe yönlendirme/veri yükleme, SSR aç/kapat desteği
  • CLI ile uygulama oluşturma, server functions/middleware, dosya tabanlı API routes, add-on'larla (Prisma/Neon) entegrasyon
  • SPA kalıplarını koruyarak full-stack'e yükseltme, topluluk odaklı geliştirmeyle React ekosisteminin istikrarına vurgu

• What's The Framework of the React Future?

  • Panel tartışması: Next.js (Partial Prerendering), Remix (RSC zorunlu), Expo (evrensel), TanStack Start (type-safe) vb. yönünde yakınsama eğilimi
  • Yapay zeka/LLM entegrasyonu: yerel modeller, MCP protokolü, streaming SSR ile geliştirme ve dağıtımda dönüşüm
  • React Foundation vizyonu: framework meta yakınsaması, signals/harici store'lar ve ince taneli performans kontrolü ihtiyacı

• Async React (continued)

  • Senkron TODO uygulaması sorununu çözme: Transitions/Suspense/useOptimistic ile takılmalı UX'in iyileştirilmesi, View Transitions animasyonları
  • action props kalıbı (React 19): otomatik transition/mutation işleme, yerleşik yükleme durumu
  • Async React WG: router/veri/tasarım standardizasyonu, bildirime dayalı async mimariyle yapay zeka ve insanlar için daha dost UX