Ein Blog

Wann React Child-Components rendert. Am Ende ist auch eine Fortsetzung verlinkt, die die Fälle behandelt, wenn Props dabei sind.

Ich hatte mal einen Post verlinkt, in dem erklärt wurde, wann React re-rendert. Gerade habe ich diesen schönen Post gefunden: Why React Re-Renders.

Hier ist noch ein ergänzender Talk: https://www.youtube.com/watch?v=lGEMwh32soc

Die neue React-Docs sind jetzt live.

React 19 ist jetzt quasi im canary-channel.

Weil es aktuell viel gibt, was bei React passiert, hier eine kleine Liste an Dingen, die React in Zukunft deutlich verändern werden oder könnten:

• Canary-Releases, wo der aktuelle effektiv React 19 ist. Enthält auch den neuen use-Hook.
• Der React-Compiler und Form-Status:
  • React hat bisher alles zur Laufzeit gemacht, weshalb Memoization 1. von Hand und 2. sehr aufwändig implementiert werden musste. Andere Frameworks setzen einen Compiler ein, der das ganze automatisch optimiert. React Forget ist genau das, für React.
  • Actions machen das Arbeiten mit Formen etwas angenehmer. Dazu gibt es auch die neuen Hooks useFormStatus und useFormState.
• react-strict-dom: Ein Vorhaben, ein Subset von HTML zu definieren, das auch kompatibel mit React Native ist. Ziel ist, dass Komponenten besser und zuverlässiger zwischen React-für’s-Web und React-Native wiederverwendet werden können.
• StyleX: Nicht per se nur für React, aber React ist das, wofür es bei Facebook benutzt wird. Eine CSS-in-JS-Lösung, bei der das gesamte CSS in eine einzige Datei kompiliert wird (auch das von Lazy-Loaded-Components). Ziel ist möglichst geringer Runtime-Overhead und eine schmale API. Wird bei Facebook bereits auf Instagram, WhatsApp und Facebook benutzt, um ein Designsystem bereitzustellen. Hat auch einen optimierenden Compile-Schritt.

Alle hier gelisteten Sachen sind noch stark in Entwicklung und noch nicht produktionsreif. Nichtsdestotrotz gut zu sehen, dass immer noch fleißig an React geschraubt wird.

React 19 ist in der Beta und es gibt einen Upgrade-Guide.

Zusätzlich kam gerade React 18.3 als stabile Version, die einem auf React 19 vorbereitet:

To help make the upgrade to React 19 easier, we’ve published a react@18.3 release that is identical to 18.2 but adds warnings for deprecated APIs and other changes that are needed for React 19.

Existential React questions and a perfect Modal Dialog

The Past, Present, and Future of UI at GitHub

React Internals: Which useEffect runs first?

Das Problem hatte ich auch schon ein paar mal: useState should require a dependency array.

Five years of React Native at Shopify.

How React Suspense Works Under the Hood: Throwing Promises and Declarative Async UI.

React 19.2 ist da.

React compiler ist in 1.0 raus.