Vorschau auf React 18

• Schauen wir uns an, welche Funktionen mit der Festlegung von React 18 rc hinzugekommen sind

• Automatic batching for fewer renders

  • Ab React 18 werden auch aufeinanderfolgende setState-Aufrufe, die in promise, setTimeout usw. auftreten, als Batch verarbeitet

• SSR support for Suspense

  • Verbessert, sodass Suspense auch in SSR verwendet werden kann

• Concurrent features hinzugefügt

  • useTransition: Unterscheidet zwischen dringenden und nicht dringenden State-Updates. Code, der bisher per Debouncing gelöst wurde, kann mit diesem Hook verbessert werden

  • useDeferredValue: Ermöglicht die Verwendung eines verzögerten Werts des State, ähnlich wie wenn Code für State-Updates in startTransition eingefügt wird

  • useId: Verbessert, sodass eindeutige IDs verwendet werden können

  • useSyncExternalStore: Ermöglicht es, Änderungen an externen veränderlichen Objekten — abgesehen von den internen Stores props und state — zu erkennen und als State einer Komponente zu verwenden.

• StirctMode + StrictEffect

  • Um künftig mit der neu hinzugefügten OffScreen API und dem bereits vorhandenen Fast Refresh zusammenhängenden problematischen Code zu erkennen, wird im Dev-Umfeld einschließlich der Effects zweimal gerendert. Beim Schreiben von Komponenten sollte der Code daher so gestaltet sein, dass auch mehrfach ausgeführte Effects wie bei mount, unmount, mount keine Probleme verursachen.