React Conf 2025 (Tag 2)

Im Anschluss an den vorherigen Beitrag folgt hier eine Zusammenfassung der Vorträge am zweiten Tag der React Conf 2025.

Am zweiten Tag standen vor allem Vorträge rund um React Native im Mittelpunkt.

Wer den vollständigen Inhalt nachlesen möchte, sollte sich den verlinkten Beitrag ansehen!

• React Native Keynote

  • React Native verzeichnete ein Download-Wachstum von 100 % (4 Millionen pro Woche); mit Release 0.82 ist die New Architecture standardmäßig aktiviert und experimentelle Unterstützung für Hermes V1 wird geboten
  • Für Web-Konvergenz wurden React Strict DOM und DOM APIs ergänzt; Erfolgsgeschichten von Shopify, Starlink u. a. wurden vorgestellt
  • Expo SDK 54, ein ausgebautes Performance-Panel in den DevTools und die Integration in Vega OS erweitern die Plattformperspektive für die Zukunft

• React Native, Amplified

  • Amazons Vega OS: ein Linux-basiertes Betriebssystem mit integriertem React Native, das Geräte wie Fire TV unterstützt und die Ressourceneffizienz um 30 % verbessert
  • Mit React Native for Vega (@amazon-devices/react-native-kepler) lassen sich Bibliotheken appübergreifend teilen und 10–12 MB Speicher sparen
  • Vega Developer Tools als Public Beta, Portierungsunterstützung für Rock u. a. sowie AI-Tools (Amazon Q, Kiro) beschleunigen die Entwicklung

• React Strict DOM

  • Um die Trennung zwischen Web und Native zu überwinden, setzt react-strict-dom auf HTML/CSS-Polyfills zum Aufbau einer einheitlichen React-UI ("Learn Once, Write Once")
  • In Metas Facebook-VR-App konnten 60 % des Web-Codes erfolgreich wiederverwendet und die native Performance um das 2,5-Fache verbessert werden
  • Ausblick: Ausbau der Unterstützung auf 63 % der DOM APIs, Integration plattformübergreifender Animationen und Styling sowie Optimierung für AI-Training

• Reimagining Lists in React Native

  • Zur Lösung des Blanking-List-Problems (Inhalte verschwinden beim Scrollen) wird mit <VirtualView /> experimentiert; Komponenten steuern Prioritäten für synchrones/asynchrones Rendering
  • Virtual Collections optimieren virtualisierte Listen, trennen visible- und prerender-Modi; Dokumentation ist für Release 0.83 geplant
  • Mit der standardmäßigen New Architecture wird Performance auf dem Niveau mobiler UI-Frameworks erreicht; Community-Feedback ist erwünscht

• React Everywhere: Bringing React Into Native Apps

  • Um die Grenzen von WebView (schwächeres UX, Performance-Engpässe) zu überwinden, setzt React Native Brownfield auf das schrittweise Einbetten von RN-Views in bestehende native Apps
  • Mit dem Tool rock lassen sich RN-Apps als AAR/XCFramework bündeln; react-strict-dom/Nativewind ermöglichen das Teilen universellen Codes
  • Einheitliche Team-Ownership und eine Migrationsstrategie von WebView zu RN maximieren die plattformübergreifende Effizienz

• How Parcel Bundles React Server Components

  • Parcel v2.14 unterstützt RSC: serverseitige und clientseitige Module Graphs werden integriert; über die Direktive "use client" werden Proxys erzeugt und Preloads automatisiert
  • Network Waterfalls werden beseitigt: serverseitige dynamic imports ohne Latenz, Verarbeitung von CSS-Side-Effects und optimiertes Code Splitting
  • Auf Bundler-Ebene wird eine Framework-unabhängige RSC-Implementierung ermöglicht; selektives SSR verbessert Performance und Flexibilität

• Designing Page Transitions

  • Mit der View Transitions API lassen sich Animationen zwischen servergerenderten Seiten umsetzen: per <ViewTransition /> als Opt-in, mit Crossfade als Standard
  • In Next.js können mit Custom Link Richtung und geteilte Elemente angepasst werden; Motion Blur und Easing sorgen für ein polished UX
  • Browser-Pseudoelemente ermöglichen performante Animationen statischer Bilder; die Koordination wird an React delegiert, was die Entwicklung vereinfacht

• Build Fast, Deploy Faster—Expo in 2025

  • Expo SDK 54: React Compiler standardmäßig aktiv, native Effekte wie liquid glass sofort integrierbar, EAS Build 4-mal schneller
  • Mit EAS Deploy/TestFlight-Automatisierung gelingt die Bereitstellung in 5 Minuten; Expo Launch ermöglicht den App-Store-Start mit einem Klick
  • Native CSS-Unterstützung (Tailwind-kompatibel), AI-Copilot-Demo erstellt in 40 Sekunden eine Pokédex-App

• The React Router take on RSC

  • Mit einem Vite-Plugin wird RSC aktiviert und schrittweise in bestehende Apps eingeführt: Konvertierung von loader zu asynchronen Server Components
  • Nested Routes unterstützen unabhängige RSC-Anwendung, Server Actions vereinfachen form/action, Vorsicht bei "use client"
  • Type-safe Routing und Data Loading sowie die Mischung aus Client und Server erhöhen die Full-Stack-Flexibilität

• RedwoodSDK: Web Standards Meet Full-Stack React

  • Ein auf Vite basierendes Framework nach Web-Standards: Route Functions, Interrupters/Middleware und Optimierung für Cloudflare Workers
  • Server-first-RSC-Streaming, WebSockets in Echtzeit, Unterstützung von No-JS-SSR → Hydration → View Transitions
  • pnpm release ermöglicht One-Command-Deployments; Integration von Durable Objects/DB für vollständige Dokumentkontrolle

• TanStack Start

  • Client-first-Full-Stack: Type-safe Routing und Data Loading auf Basis von TanStack Router, SSR kann per Toggle aktiviert werden
  • App-Erstellung per CLI, Server Functions/Middleware, dateibasierte API Routes und Integration von Add-ons (Prisma/Neon)
  • Das SPA-Muster bleibt erhalten, während ein Upgrade zu Full Stack möglich wird; Community-getriebene Entwicklung betont die Stabilität des React-Ökosystems

• What's The Framework of the React Future?

  • Panel-Diskussion: Konvergenztrends bei Next.js (Partial Prerendering), Remix (RSC erforderlich), Expo (universal), TanStack Start (type-safe) u. a.
  • Integration von AI/LLMs: lokale Modelle, MCP-Protokoll und Streaming-SSR verändern Entwicklung und Deployment
  • Vision der React Foundation: Konvergenz auf Framework-Metaebene, Bedarf an Signals/externen Stores und fein granularer Performance-Kontrolle

• Async React (continued)

  • Lösung für Probleme synchroner TODO-Apps: Transitions/Suspense/useOptimistic verbessern ruckeliges UX, dazu Animationen mit View Transitions
  • action-props-Muster (React 19): automatische Verarbeitung von Transitions/Mutations, integrierte Loading States
  • Async React WG: Standardisierung von Routing, Daten und Design; deklarative asynchrone Architektur für AI- und menschenfreundliches UX