Artikel für Leute, die
den Stack ausliefern
Beiträge zu React, Node.js, TypeScript und AI. Ein übersetzter Text wird gezeigt, wenn er existiert. Sonst sehen Sie den englischen Text und einen Hinweis.
Tag: Code Splitting
Laden, Warten, Fehler: Wie passen träge Funktionen, Suspense- und Error-Boundaries zusammen
Verstehen Sie, wie React.lazy, Suspense und Error Boundaries den Code aufteilen, Ersatzlösungen anzeigen und Abstürze abfangen sowie wo jeder Boundary für eine bessere Benutzererfahrung platziert werden sollte.
9 Min. LesezeitCode-Splitting von aufwändigen Angular-Diensten nach Bedarf mit injectAsync
Warum eine statisch injizierte Dienstklasse ihre Bibliotheken in den Haupt-Angular-Bundle mitnimmt und wie injectAsync Dienste je nach Benutzerwunsch lazy-lädt, einschließlich bedingter Laden.
6 Min. LesezeitWarum React.lazy() eine Standardexportfunktion benötigt und wie man benannte Exporte lädt
Verstehen, was React.lazy() von einer dynamischen Importierung erhält, warum benannte Exporte dies stören, wie man sie auf die Standardexporte umleitet und wie Suspense sowie Code Splitting dazu passen.
9 Min. LesezeitErledigen Sie zuerst weniger Arbeit: Eine Leistungsüberprülliste für React vor der Memoisierung
Senken Sie die Kosten einer React-App, indem Sie Arbeit vermeiden: Debouncing für Suchfunktionen anwenden, Seitenbereichung nutzen, Zustände gemeinsam platzieren, stabile Schlüssel verwenden, die Verarbeitung auf der Serverseite durchführen und Inhalte verspätet laden – bei Bedarf anschließend mit Memoisierung arbeiten.
10 Min. LesezeitRessourcenerkennung statt Übertragung: Vorausladen von React-Apps über HTTP/3
Bei HTTP/3 liegt das Problem in React-Apps in der späten Entdeckung von Ressourcen und nicht in der Übertragung. preloadModule, preinit, Early Hints sowie Chunking beheben dieses Problem unter Berücksichtigung von SSR.
19 Min. Lesezeit
Über diese Artikel
Angebot in 24 Stunden
Denselben Stack in einer Operator-Schicht? Brief schicken — Angebot in 24 Stunden.