React neu denken: Activities, automatische Optimierung und der Compiler

Kennst du das Gefühl, wenn Nutzer zurück navigieren und ihre Eingaben weg sind? Oder wenn du stundenlang useMemo überall einstreust und hoffst, dass du es richtig gemacht hast? React 19.2 und der React Compiler lösen diese Probleme grundlegend.

Dieser Talk untersucht zwei fundamentale Veränderungen beim Bau von React-Apps. Erstens bewegt uns die Activity-Component von einem binären mounted/unmounted-Modell zu visible/hidden-States. Nutzer navigieren zurück und alles ist noch da: Formulareingaben, Scroll-Position, alles.

Zweitens beseitigt der React Compiler die Last der clientseitigen Performance-Optimierung. Er nutzt Datenflussanalyse, um deinen Code automatisch zu memoisieren, selbst nach Early Returns, wo manuelle Optimierung scheitert. Du hörst auf, über useMemo und useCallback nachzudenken. Aber Achtung: Der Compiler wird nicht jede React-App automatisch schnell machen. Wir werden sehen, dass die meisten Performance-Probleme woanders liegen.

Wir behandeln auch useEffectEvent, das Event-Logik von Effects trennt, sodass sie nur dann erneut laufen, wenn sie es wirklich müssen.

Vorkenntnisse

• Grundkenntnisse in React

Lernziele

• Du wirst verstehen, welche mentalen Modelle hinter diesen Features stecken, wann du sie einsetzt und was sie uns darüber sagen, wohin React sich entwickelt