Aus dem OpenReplay Blog
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.
VuePress vs. VitePress: Wofür sollten Sie sich entscheiden?
VuePress vs VitePress für Vue-Dokus: Vergleiche Wartung, Dev-Speed, Anpassung und wann VitePress oder Docusaurus besser passt.
Wenn ein ORM das falsche Werkzeug ist
Wenn ein ORM zum Engpass wird, nutze Raw SQL für N+1-Abfragen, Window Functions, CTEs, Bulk-Writes und sichere Parameterbindung.
So fügen Sie Videowiedergabe zu Vue-Apps hinzu
Fügen Sie Videowiedergabe zu Vue-Apps mit nativen HTML5-Videos, wiederverwendbaren Komponenten oder Video.js für HLS, Untertitel, Autoplay und Cleanup hinzu.
5 Git-Befehle jenseits von Commit und Push
Fünf Git-Befehle jenseits von commit und push: stash, reflog, cherry-pick, rebase -i und bisect für Recovery, History-Cleanup und Bugsuche.
Portnummern in der Entwicklung durch benannte URLs ersetzen
Ersetzen Sie localhost-Ports durch benannte URLs mit .localhost, Reverse Proxy oder portless, um Portkonflikte, Cookie-Leaks und falsche Tabs zu vermeiden.
So erstellen Sie einen Lesefortschrittsbalken
Erstellen Sie eine Lesefortschrittsleiste mit JavaScript oder CSS-Scroll-Animationen, mit korrekter Scroll-Math, Performance und Barrierefreiheit.