React Conf 2025 (1. Gün)

Geçen hafta 2025 React Konferansı vardı.

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

• React Keynote

  • React 19.1(Owner Stacks), 19.2(Activity/useEffectEvent/Partial Pre-rendering), Canary(View Transitions) duyuruldu
  • React Compiler 1.0 resmen yayınlandı; otomatik memoization ve kod analizi sunuyor
  • React Foundation'ın kurulmasıyla topluluk merkezli yönetişim başladı

• View Transitions and Activity

  • <Activity /> ile state lift-up olmadan visible/hidden durumları arasında geçiş ve state'in otomatik korunması
  • <ViewTransition /> ile Server Components'ta da declarative animasyonlar uygulanabiliyor
  • UI durum yönetimi ve animasyonlar composable ve declarative şekilde ele alınıyor

• Profiling with React Performance Tracks

  • React 19.2 itibarıyla Chrome DevTools'ta React iş zaman çizelgesinin görselleştirilmesi destekleniyor
  • Scheduler/Components/Server Components Track ile performans darboğazları tespit edilebiliyor
  • Suspense Panel eklenerek Suspense boundary durumları görselleştirilecek (2025 sonlarında yayınlanacak)

• In case you missed the memo

  • Sanity Studio, React Compiler ile 1.000'den fazla bileşeni memoize etti ve ortalama %20~30 performans artışı sağladı
  • İnce ayarlı optimizasyonlar (context'e koşullu abonelik, branch memoization) ve hata tespiti mümkün
  • Hemen benimseyip memoization kaygısı olmadan "Make it work" yaklaşımına odaklanılması öneriliyor

• Async React

  • Transitions, Suspense ve Server Components, asenkron uygulamalar kurmak için yeni bir yapı sunuyor
  • Suspense, router ve caching ile loading state'lerdeki titreme sorunu çözülüyor
  • startTransition ile animasyonun entegrasyonu sayesinde data fetching ve UI updating koordine ediliyor

• React and AI

  • Meta, yapay zekayı hata düzeltme ve kod keşfi için kullanıyor; LLM kurallarıyla context enjekte ediyor
  • Doğru context'i belirlemeye odaklanıp yapay zekadan pair programming partneri olarak yararlanıyor
  • React'in stable API'si, yapay zeka araçları geliştirmek için temel oluşturuyor; AI Engineer olarak kariyer dönüşümü fırsatı sunuyor

• Exploring React Performance

  • Data Model ile Rendering Algorithm arasındaki denge önemli; React Compiler performansı iyileştiriyor
  • Domain-specific yaklaşım, genel amaçlı artımlı algoritmalardan daha üstün
  • Transitions, Suspense, Virtualization, <Activity /> ve Data Modeling'den yararlanılıyor

• The invisible craft of great UX

  • Tıkla-sürükle-bırak, işletim sistemine göre popover'lar, tooltip gecikmeleri gibi küçük ayrıntılar UX üzerinde büyük etki yaratıyor
  • DOM event'leri yerine kullanıcı niyetini yorumlayarak, scrub cursor sabitleme/ani taşıma ile sorunlar çözülüyor
  • Birden çok popover'ı tek bir öğe olarak yeniden kullanarak performans artırılıyor (300 → 1)

• Building an MCP Server for a React Component

  • MCP, yapay zeka ile dış sistemleri bağlayan açık kaynak bir standart; USB-C benzeri standart bir yöntem sunuyor
  • AG Grid, 360 bin belgeyi embedding yaparak Postgres'te saklıyor ve LLM'e doğru context sağlıyor
  • Prompts/Resources/Tools ile belge arama ve hızlı bileşen oluşturma destekleniyor

• Why React Native apps make all the money

  • React Native, ücretli dönüşüm oranı, kurulum başına gelir ve LTV'de güçlü sonuçlar veriyor
  • Cross-platform geliştirme ile hızlı çıkış ve tutarlı gelir elde etme stratejileri uygulanabiliyor
  • RevenueCat SDK, paywall, analiz ve fiyat denemeleri gibi kolay gelir elde etme araçları sağlıyor

• Modern emails using React

  • E-posta geliştirme, CSS özellik desteği eksikliği ve istemciye göre değişen render farkları nedeniyle zor
  • React Email; bileşen tabanlı üretim, uyumluluk testi ve bağlantı kontrolü gibi özellikler sunuyor
  • Render fonksiyonu ile HTML'e dönüştürülüyor ve Resend API büyük şirketler tarafından kullanılıyor

• React team Q&A

  • React Compiler, Rules of React'a uyulursa güvenle uygulanabiliyor; yeni kodlarda useMemo/useCallback gerekmiyor
  • Yapay zeka, pair programming partneri olarak kullanılabilir; mimari tasarım becerisi önemli
  • React Foundation ile Meta'nın rolü 5 yıl içinde azalacak; topluluğun büyümesi ve daha sıcak bir ortam talep ediliyor

[nayounsang1]

Teşekkürler

[soaple]

Teşekkür ederim!

[bluekai17]

React Native 0.82 güncellemesindeki yenilikler de oldukça dikkat çekiciydi.

[soaple]

Evet, doğru haha

React Native ile ilgili sunumların çoğu ikinci günde yapıldığı için, aşağıdaki ikinci gün sunum içeriğine bakmanız faydalı olabilir!

https://tr.news.hada.io/topic?id=23670

[addons]

Teşekkürler, keyifle okudum!

[soaple]

Teşekkür ederim!

[soaple]

Sunum içeriği oldukça uzun olduğu için, tüm ayrıntıları merak edenlerin bağlantıdaki yazıya göz atması iyi olabilir.

İkinci günün sunum içeriğini de yakında derleyip paylaşacağım!