Aus dem OpenReplay Blog
Einen Node-Server ordnungsgemäß herunterfahren
Graceful Node Shutdown mit SIGTERM: Readiness umschalten, Requests mit server.close drainen, Ressourcen geordnet schließen und 502s bei Rollouts vermeiden.
OpenCode vs. Claude Code: Was solltest du verwenden?
OpenCode vs Claude Code: Vergleichen Sie Preise, Modellunterstützung, Erweiterbarkeit und wann welches Tool für Ihren Coding-Workflow passt.
Ist OpenTUI eine echte Alternative zu Ink?
OpenTUI vs Ink: Vergleiche Terminal-UI-Performance, Runtime-Grenzen, integrierte Komponenten und Migrationsaufwand für Streaming-CLI-Tools.
Alte Commits mit git history korrigieren
git history in Git 2.55 schreibt alte Commits mit fixup, reword oder split neu, aktualisiert gestapelte Branches und bietet sichere Dry-run-Vorschau.
Token-Refresh-Races mit der Web Locks API beheben
Beheben Sie Token-Refresh-Rennen zwischen Tabs mit der Web Locks API, navigator.locks.request und einer Token-Prüfung.
SQLite im Browser mit OPFS betreiben
Nutzen Sie SQLite im Browser mit OPFS: Worker einrichten, opfs oder opfs-sahpool wählen und stille In-Memory-Fallbacks vermeiden.
Web Components ohne JavaScript steuern
Steuern Sie Web Components nur mit HTML über benutzerdefinierte Invoker-Commands. command und commandfor verbinden Buttons mit einem Custom Element ohne JavaScript.
So beheben Sie „Cannot GET“-Fehler nach dem Deployment einer SPA
Beheben Sie Cannot GET- und SPA-404-Fehler nach dem Deploy mit Server-Rewrites für Nginx, Apache, Netlify, Vercel und S3 CloudFront.
Jest ade: Node's integrierter Test-Runner als Alternative
Node Test Runner vs. Jest: stabile Funktionen, Watch Mode, Snapshots, Fake Timers, Coverage, TypeScript-Support und Grenzen der Migration.
Verhindern Sie, dass Überschriften an der falschen Stelle umbrechen
Beheben Sie kaputte Headlines und lange URLs mit dem passenden CSS und HTML: nbsp, wbr, overflow-wrap:anywhere, word-break:break-all, hyphens:auto, text-wrap.
Eine Quiz-App mit einer State Machine bauen
Erstelle eine Quiz-App mit XState v5 in React. Modelliere vier Screens als State Machine, ersetze Boolean-Flags und sichere den Endzustand.
Idempotenz erklärt – und was sie für Ihre API bedeutet
Idempotency-Keys erklärt: doppelte API-Requests verhindern, Race Conditions beheben und POSTs mit atomaren Claims und Transaktionen sicher wiederholen.
„window is not defined“ in servergerenderten Apps beheben
Beheben Sie window is not defined in servergerenderten Apps mit On-Mount-Hooks, typeof-window-Checks und Client-only-Imports für Abhängigkeiten.
Prompt Injection – erklärt für Webentwickler
Prompt Injection für Webentwickler: warum es keinen Fix auf Prompt-Ebene gibt und wie sich indirekte Angriffe, unsichere Ausgaben und Tool-Risiken eindämmen lassen.
Ein WordPress-Plugin von Grund auf schreiben
Erstellen Sie ein WordPress-Plugin von Grund auf mit Hooks, Aktivierungs- und Deaktivierungs-Hooks, Einstellungsseite, Sanitizing, Escaping und sicherem Speichern.
Ein erster Blick auf Gea, ein Compiler-First-UI-Framework
Gea ist ein compiler-first JavaScript-UI-Framework mit JSX, Klassen-Store und direkten DOM-Patches. Der Artikel prüft Props-Modell, Größe und Reife.
So beheben Sie den Fehler „Invalid Hook Call“ in React
Beheben Sie React invalid hook call Fehler, indem Sie Stacktrace, Rules of Hooks, doppelte React-Kopien und react-dom-Versionen prüfen.
Git Worktrees mit KI-Coding-Agents nutzen
Nutze git worktrees mit KI-Coding-Agents, um Branches zu trennen, Dateikonflikte zu vermeiden und Ports, Datenbanken sowie Merges sauber zu steuern.
Git Worktrees erklärt: Wann und warum Sie sie einsetzen sollten
Git worktrees erklärt: Unterschied zu Stashes und zweiten Klonen, wann sie sinnvoll sind und welche Befehle sie verwalten.
3 SSH-Alternativen für instabile Verbindungen
Vergleiche Mosh, Eternal Terminal und autossh für instabile SSH-Verbindungen: UDP, TCP-Neuverbindung, Serverbedarf und Einsatz mit tmux.
So zählen Sie Tokens und schätzen LLM-API-Kosten ab
LLM-Tokens präzise zählen und API-Kosten mit den Tokenizern von OpenAI, Claude, Gemini und Llama schätzen, plus Tipps zu Kontextfenster und Abrechnung.
Was ist neu in ECMAScript 2026
ES2026 bringt sieben JavaScript-Funktionen: Array.fromAsync, Math.sumPrecise, base64- und Hex-Methoden für Uint8Array, JSON.parse Source Access und getOrInsert.
So prüfen Sie Farbkontraste für WCAG
Prüfen Sie WCAG-Farbkontrast für Text, UI-Komponenten, Fokusindikatoren und Links mit den richtigen Tools, Grenzwerten und Korrekturen.
So erstellen Sie Bild-Thumbnails vor dem Upload
Erstellen Sie Bildthumbnails vor dem Upload mit FileReader-Vorschau, Canvas-toBlob-Resize, FormData-Upload und passenden multer-Feldern.