Aus dem Kurs: React Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Suspense mit useTransition

Suspense mit useTransition – Tutorial zu React.js

Aus dem Kurs: React Grundkurs

Suspense mit useTransition

Mit der Einführung von useTransition bekommt man eventuell das Gefühl, dass Transitions dazu da sind, rechenintensive Prozesse abzufangen. Das stimmt so jedoch nicht. UseTransition priorisiert Updates nach unten, damit sie die UI nicht stören, egal ob rechenintensiv oder nicht. Und das wird in dieser Lektion mit Suspense besonders gut sichtbar. In Kapitel 12 haben Sie Lazy Loading mit Suspense gesehen. Springen Sie gerne nochmals dahin zurück, bevor Sie sich diese Lektion anschauen. Hier sehen wir zwei Tabs, welche bei Klick Ihre passende Komponente anzeigen. Das erste Tab zeigt die Initial-Komponente; die Initial-Komponente ist eine gewöhnliche Komponente, die wir direkt importieren. Die zweite Komponente ist die Lazy-Komponente, welche wir über React.lazy lazyloaden, deshalb haben wir hier unten auch Suspense. Wenn wir nun einmal neu laden und dann eine extrem langsame Verbindung simulieren, dann sehen wir, dass, wenn wir auf Lazy klicken, kommt in der Zeit, in der es geladen wird:…

Inhalt