Artikel für Leute, die
den Stack ausliefern
Originale Beiträge zu React, Node.js, TypeScript und AI — aus derselben Praxis wie unsere Operator-Software. Artikeltexte auf Englisch.
Tag: Frontend
Wenn die React-Memoisierung ins Gegenteil umschlägt: Warum weniger Renderungen die App langsamer machten.
Wenn die React-Memoisierung ins Gegenteil umschlägt: memo, useMemo und useCallback führten zu zusätzlichen Kosten sowie veralteten Schließfunktionen auf einer großen Seite. Durch das Verschieben des Zustands und das Profilieren des Ablaufs wurde das Problem gelöst.
13 Min. LesezeitWarum das Frontend nach React schwierig ist: State, Effects, Boundaries und KI-Tools
React hat es erleichtert, Benutzeroberflächen zu erstellen, nicht jedoch, sie zu entwerfen. Wo der Zustand liegt, sind verwickelte Effekte, Systemgrenzen sowie von KI erzeugter Code die eigentlichen Aufgaben im Frontend.
9 Min. LesezeitNeun Möglichkeiten, um die Entwicklungsbuilds und Produktionsbündel von Next.js zu beschleunigen
Schnellerer Next.js: Nutzen Sie Turbopack, überspringen Sie Barrel-Dateien, teilen Sie die Typüberprüfung auf, halten Sie Client-Komponenten klein, laden Sie schwere Bibliotheken verzögert und reduzieren Sie die Produktionsbündel.
4 Min. LesezeitDesigner dürfen mithilfe von KI-Agenten Komponenten direkt in die Produktion liefern.
Wie ein Web-Team den Zyklus des Mehrfachbaus beendete: Designer schreiben in der Produktionsbibliothek zusammen mit Agenten, Ingenieure prüfen den Vertrag, und eine Woche Arbeit wird zu einer Stunde.
7 Min. LesezeitWie die Browser-Speicherung heimlich Benutzerdaten zerstört und wie man dies verhindern kann
Die Speicherung im Browser kann Benutzerdaten ohne Fehler beschädigen: verlorene Updates, veraltete Snapshots, Schema-Veränderungen und gemeinsam genutzte Geräte. Praktische Ansätze für localStorage, die standhalten.
14 Min. LesezeitZuverlässiges Front-End-Browser-Testing: Benutzerprozesse, Ergebnisannahmen und instabile Tests
Ein praktischer Ansatz für Front-End-Testing: Wählen Sie wichtige Benutzerprozesse aus, formulieren Sie Ergebnisannahmen, kontrollieren Sie Staging-Daten, reduzieren Sie instabile Tests und überprüfen Sie von KI erzeugte Playwright-Tests.
8 Min. LesezeitReact 19 Actions in der Praxis: Welchen Zweck haben useActionState, use() und der Compiler Retire?
React 19 Actions beseitigen einen großen Teil des Codes: Form-Handler, optimistische Aktualisierungen, forwardRef sowie manuelle Memoisierung. Wozu noch useActionState, use() und die Änderungen am Compiler?
6 Min. LesezeitErklärung zu WebMCP: Wie Websites Tools veröffentlichen können, anstatt dass Agenten auf Benutzeroberflächen klicken.
WebMCP ermöglicht es einer Website, Tools wie add_todo direkt an KI-Agenten zu veröffentlichen, anstatt dass diese über die Benutzeroberfläche klicken müssen. Tool-Definitionen, OAuth – die Anfänge.
6 Min. LesezeitReact-Komponenten müssen rein sein: Die Idee hinter StrictMode und dem Compiler
Warum React reine Komponenten erwartet, wie der doppelte Render von StrictMode Unreinheiten aufdeckt, wohin Nebeneffekte gehören, und warum sich der React Compiler auf Reinheit verlässt.
9 Min. Lesezeit
Über diese Artikel
Angebot in 24 Stunden
Denselben Stack in einer Operator-Schicht? Brief schicken — Angebot in 24 Stunden.