React Conf 2025 (Tag 1)

Letzte Woche fand die React Conf 2025 statt.

Am ersten Tag gab es hauptsächlich Vorträge zu React-bezogenen Themen.

• React Keynote

  • Ankündigungen zu React 19.1 (Owner Stacks), 19.2 (Activity/useEffectEvent/Partial Pre-rendering) und Canary (View Transitions)
  • Offizieller Release von React Compiler 1.0 mit automatischer Memoisierung und Codeanalyse
  • Mit der Gründung der React Foundation beginnt eine Community-zentrierte Governance

• View Transitions and Activity

  • Mit <Activity /> zwischen visible/hidden-Zuständen wechseln und State automatisch beibehalten, ohne State nach oben zu heben
  • Mit <ViewTransition /> deklarative Animationen auch in Server Components umsetzen
  • UI-State-Management und Animationen composable und deklarativ behandeln

• Profiling with React Performance Tracks

  • Ab React 19.2 wird die Visualisierung der React-Arbeits-Timeline in den Chrome DevTools unterstützt
  • Performance-Engpässe mit Scheduler/Components/Server Components Track identifizieren
  • Durch ein neues Suspense Panel wird der Status von Suspense Boundaries visualisiert (Release Ende 2025)

• In case you missed the memo

  • Sanity Studio memoisiert mit React Compiler mehr als 1.000 Komponenten und erzielt im Schnitt 20–30 % Performance-Gewinn
  • Ermöglicht feingranulare Optimierungen (bedingte Context-Subscriptions, Branch-Memoization) und das Auffinden von Bugs
  • Empfehlung zur sofortigen Einführung, um sich ohne Memoisierungs-Sorgen auf „Make it work“ zu konzentrieren

• Async React

  • Transitions, Suspense und Server Components sind eine neue Struktur zum Aufbau asynchroner Apps
  • Behebt Flackern bei Loading States mit Suspense, Router und Caching
  • Abstimmung von Data Fetching und UI-Updates durch Integration von startTransition und Animationen

• React and AI

  • Meta nutzt AI für Bugfixing und Code-Erkundung und speist Kontext über LLM-Regeln ein
  • Fokus auf die Identifikation des richtigen Contexts und Nutzung von AI als Pair-Programming-Partner
  • Die stabile API von React ist eine Grundlage für den Bau von AI-Tools und eröffnet Chancen für den Karrierewechsel zum AI Engineer

• Exploring React Performance

  • Die Balance zwischen Data Model und Rendering Algorithm ist wichtig, React Compiler verbessert die Performance
  • Domain-specific-Ansätze sind allgemeinen inkrementellen Algorithmen überlegen
  • Nutzung von Transitions, Suspense, Virtualization, <Activity /> und Data Modeling

• The invisible craft of great UX

  • Kleine Details wie Klick-Ziehen-Loslassen, OS-spezifische Popover oder Tooltip-Verzögerungen haben großen Einfluss auf die UX
  • Probleme werden gelöst, indem nicht DOM-Events, sondern die Nutzerabsicht interpretiert wird, etwa mit Cursor-Fixierung oder Teleport beim Scrubbing
  • Performance-Verbesserung durch Wiederverwendung mehrerer Popover als einzelnes Element (300 → 1)

• Building an MCP Server for a React Component

  • MCP ist ein Open-Source-Standard zur Verbindung von AI mit externen Systemen und bietet einen standardisierten Ansatz wie USB-C
  • AG Grid bettet 360.000 Dokumente ein, speichert sie in Postgres und liefert dem LLM präzisen Kontext
  • Unterstützt Dokumentensuche und schnelle Komponentenerstellung mit Prompts/Resources/Tools

• Why React Native apps make all the money

  • React Native erzielt starke Ergebnisse bei Conversion in Paid, Umsatz pro Installation und LTV
  • Cross-Platform-Entwicklung ermöglicht schnelle Releases und eine konsistente Monetarisierungsstrategie
  • Das RevenueCat SDK vereinfacht Monetarisierung mit Paywalls, Analytics und Pricing-Experimenten

• Modern emails using React

  • Die Entwicklung von E-Mails ist schwierig wegen nicht unterstützter CSS-Eigenschaften und unterschiedlicher Rendering-Ergebnisse je nach Client
  • React Email unterstützt komponentenbasierte Erstellung, Kompatibilitätstests und Link-Prüfung
  • Umwandlung in HTML mit der Render-Funktion; die Resend API wird bereits von großen Unternehmen genutzt

• React team Q&A

  • React Compiler kann sicher eingeführt werden, wenn die Rules of React eingehalten werden; neuer Code benötigt kein useMemo/useCallback
  • AI wird als Pair-Programming-Partner genutzt, architektonische Designfähigkeit ist wichtig
  • Bei der React Foundation wird die Rolle von Meta über fünf Jahre reduziert, mit dem Wunsch nach einer größeren Community und einer freundlichen Atmosphäre

[nayounsang1]

Danke.

[soaple]

Vielen Dank!

[bluekai17]

Die Inhalte des Updates für React Native 0.82 scheinen ebenfalls ziemlich beachtlich zu sein.

[soaple]

Ja, genau, haha

Die meisten Vorträge zu React Native fanden am zweiten Tag statt, daher dürfte Ihnen ein Blick auf die Vorträge des zweiten Tages unten hilfreich sein!

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

[addons]

Danke, das war sehr informativ!

[soaple]

Danke!

[soaple]

Da der Inhalt des Vortrags ziemlich umfangreich ist, empfiehlt es sich für alle, die am gesamten Inhalt interessiert sind, den im Link verlinkten Beitrag zu lesen.

Ich werde die Inhalte der Vorträge vom zweiten Tag in Kürze ebenfalls zusammenfassen und veröffentlichen!