Aus dem OpenReplay Blog
JPEG XL vs. AVIF: Welches Format sollten Sie ausliefern?
JPEG XL vs AVIF für Web-Delivery 2026: Vergleiche Komprimierung, Browser-Support, Encode-Kosten und wann AVIF oder JXL ausgeliefert werden sollte.
Die Bibliotheken hinter modernen React-Apps
Moderner React-Stack für 2026: Next.js, TanStack Query, Zustand, Tailwind v4, shadcn/ui, React Hook Form, Motion und RSC-taugliche Optionen.
Ein Feldführer durch das TanStack-Ökosystem
Leitfaden zum TanStack-Ökosystem: Query, Router, Table, Form, Virtual, Store, Start, DB und AI mit Reifegrad, Einsatz und Zusammenspiel.
Fokus und Interaktivität mit dem Inert-Attribut verwalten
Nutze das inert-Attribut, um Modale, Drawer und Lade-Overlays abzuschirmen und Fokus, Klicks sowie den Zugriff auf den Accessibility-Tree zu blockieren.
Modernes File Handling in Node.js
Moderne Dateioperationen in Node.js mit fs/promises, Streams, File Handles, Fehlercodes, Parallelität und Schutz vor Path Traversal.
UI-Bugs mit Visual Regression Testing aufdecken
Visuelles Regressionstesting mit Playwright und Vitest findet UI-Bugs, die Unit- und E2E-Tests übersehen, mit Tipps zu Baselines, Flake-Handling und CI.
Warum Sie E-Mails nicht mit Regex validieren sollten
Warum E-Mail-Regex scheitert: Sie lehnt gültige Adressen ab, akzeptiert unzustellbare und kann ReDoS auslösen. Besser HTML5-Email-Input oder eine Bibliothek nutzen.
State Management in Svelte 5 mit Runes
State-Management in Svelte 5 mit Runes: $state, $derived und $effect nutzen, State zwischen Komponenten teilen und SSR-Leaks in SvelteKit vermeiden.
Client-seitige vs. Server-seitige Autorisierung: Warum Sie beide benötigen
Client- vs. Server-Autorisierung in React und Next.js: Rechte serverseitig erzwingen, Client für UX nutzen und 403-Fehlabstimmungen vermeiden.
Wie man eine CRUD-API mit AdonisJS erstellt
Erstellen Sie eine CRUD-API mit AdonisJS v7: Posts-Routen, Lucid-Modelle, VineJS-Validierung und per curl getestete JSON-Antworten.
Ein praktischer Leitfaden zu den neuen Set-Methoden in JavaScript
JavaScripts Set-Methoden erklärt: union, intersection, difference, symmetricDifference und Teilmengenprüfungen, plus Map-Unterstützung und Browser-Support.
Tagged Template Literals: Mini-DSLs in JavaScript entwickeln
Tagged Template Literals in JavaScript: cooked und raw Strings, WeakMap-Cache, sicheres HTML, SQL und Mini-DSL-Beispiele.
LLM-Harnesses: Warum der Wrapper wichtiger ist als das Modell
Nicht nur das Modell zählt: LLM-Harnesses bestimmen den Agentenerfolg. Orchestrierung, Tools, Kontext und Verifikation im Fokus.
Echtzeit-Videoverarbeitung mit der WebCodecs API
WebCodecs-Videoverarbeitung mit MediaStreamTrackProcessor, TransformStream und VideoTrackGenerator, plus frame.close, Backpressure, Worker und Browser-Support.
5 Dinge, für die Sie React nicht benötigen
Fünf native Browser-APIs ersetzen typische React-Komponenten: dialog, Popover, Custom Elements, Container Queries und View Transitions.
Wie man eine Bun-Anwendung dockerisiert
Dockerize eine Bun-App mit produktionsreifem Dockerfile, .dockerignore, 0.0.0.0-Bindung, Healthchecks, Compose und SIGTERM-Shutdown.
Verwendet noch jemand Polyfills im Jahr 2026?
Polyfills 2026? Prüfen Sie core-js, Browserslist und Babel, entfernen Sie Ballast, behalten Sie Temporal und meiden Sie polyfill.io.
`infer` in TypeScript verstehen
TypeScript infer erklärt: Wie bedingte Typen Rückgabetypen, Array-Elemente, Tupel, Template-Literale und Awaited extrahieren.
Coole Dinge, die Sie mit der Web Serial API machen können
Web Serial API Beispiele für Monitore, Firmware-Flasher, G-code-Streams, Telemetrie-Dashboards, Display-Controller und Geräte-Konfigurations-UIs.
Wie man eine herunterladbare Datei im Browser erstellt
Erstellen Sie Browser-Downloads mit Blob, Objekt-URL und download-Links sowie Fixes für Cross-Origin-Dateien, CSV-BOMs, iOS Safari und große Streams.
Arbeiten mit typisierten CSS-Variablen mittels @property
Typisierte CSS-Variablen mit @property: benutzerdefinierte Eigenschaften validieren, Werte sauber animieren und stilles Fallback, Syntax und Browser-Support verstehen.
Ladybird erkunden: Das Nicht-Chromium-Browserprojekt
Ladybird ist ein neuer Browser-Engine ohne Chromium, neu entwickelt: Architektur, Rust-Migration, WPT-Fortschritt und Alpha-Roadmap 2026.
Praktische Einsatzmöglichkeiten von !important in modernem CSS
Praktische Einsätze für !important in modernem CSS: reduced-motion-Barrierefreiheit, Overrides für Drittanbieter, Utility-Classes und Cascade-Debugging.
Warum Remix 3 für KI-Coding-Agenten konzipiert wird
Remix 3 und AI Coding Agents: warum das Framework Agent-Skills, klare API-Strukturen und ein Runtime-first-Design für LLM-Codegen liefert.