Aus dem OpenReplay Blog
Was ist der Vue Vapor Mode?
Vue Vapor Mode erklärt: SFCs werden zu direkten DOM-Operationen kompiliert, plus Änderungen in Vue 3.6 RC und Fallen bei Events und Slots.
Eigene Hono-Middleware schreiben
Erstellen Sie Hono-Middleware mit typisierten Context-Variablen, Request-Timing, frühem Abbruch und Pfad-Scoping. Verstehen Sie next() und die Reihenfolge.
WP-CLI für alle, die im Terminal leben
WP-CLI-Befehle für WordPress-Migrationen, Backups, Sperren, Plugin- und Core-Updates, Remote-SSH-Aufgaben und sicheres Search-Replace.
npm-Pakete direkt aus dem Browser verwenden
Nutzen Sie npm-Pakete in einfachem HTML mit Import Maps und CDN-URLs. Erkennen Sie ESM oder CommonJS, pinnen Sie Versionen und vermeiden Sie Builds.
Website-Aktionen mit WebMCP für KI-Agenten zugänglich machen
WebMCP zeigt, wie sich Site-Tools mit document.modelContext registrieren, Annotations setzen und Aktionen in einer angemeldeten Browsersitzung absichern.
Wie Sie verhindern, dass JSON Ihre Objekte flachklopft
Beheben Sie JSON-Flattening in JavaScript mit Replacer, Reviver, toJSON und context.source, um Date, Map, Set und BigInt wiederherzustellen.
Erste Schritte mit Octane, dem Nachfolger von Inferno
Octane, der Nachfolger von Inferno, kompiliert React-artige Komponenten zu direktem DOM-Code und erklärt Hooks, Dependency-Arrays, Setup und Beta-Status.
5 MariaDB-Features, die man kennen sollte
Wichtige MariaDB-Funktionen: Vektorsuche, systemversionierte und Application-Time-Tabellen, Speicher-Engine pro Tabelle sowie utf8mb4 als Standard in 11.8 LTS.
Nub im Überblick: das All-in-One-Toolkit für Node.js
Nub ist ein Rust-Toolkit für Node.js, das TypeScript, Scripts, Installationen und Node-Versionen auf dem Standard-Node ausführt und Lockfiles sowie Sicherheitsprüfungen behält.
htmx 4.0 ist da
htmx 4.0 ändert Vererbung, Fehler-Swaps, Verlauf und Events und bietet Migrationshinweise sowie Rückfalloptionen für htmx-2-Apps.
Smoke Tests und warum Agenten sie ständig schreiben
Smoke Tests erklärt: was geprüft wird, wo sie laufen, was ausgeschlossen wird und warum Coding-Agents sie ständig in CI und Deployments ergänzen.
So fügen Sie einer Astro-Site Authentifizierung hinzu
Richte Astro-Authentifizierung mit Adapter, Middleware, Astro.locals, Sessions, rewrite und Actions ein, inkl. Login, Logout und Routenschutz.
Was in deinem .claude-Ordner steckt
Was in deinem .claude-Ordner liegt: CLAUDE.md, settings.json, rules, skills, agents, MCP-Server, Prioritäten und was ins Repo gehört.
Natives CSS-Scoping mit @scope
Native CSS @scope begrenzt Selektoren auf eine Komponente oder Donut-Grenze, mit Nähe im Cascade und ohne Build-Schritt.
Der Stand des dezentralen Webs im Jahr 2026
ActivityPub, AT Protocol und Solid im Vergleich: Identität, Daten, Follower, Nutzung und Migration im dezentralen Web 2026.
Desktop-Apps mit deno desktop erstellen
Deno desktop kompiliert TypeScript-Apps zu nativen Desktop-Binaries mit webview oder CEF, Framework-Support, Cross-Compile und Grenzen.
So fügen Sie Tastaturkürzel zu einer Web-App hinzu
So fügen Sie einer Web-App Tastenkürzel mit document-level keydown-Listenern, Schutz beim Tippen, Mac- und Windows-Modifikatoren, Sequenzen und React-Cleanup hinzu.
Gzip vs. Brotli vs. Zstd zur Komprimierung von Web-Assets
Brotli, gzip oder zstd für Web-Assets: wann welches Verfahren passt, wie Komprimierungsstufen die Größe beeinflussen und wie statische Dateien vorab komprimiert werden.
Ein Einsteigerleitfaden zu Cloudflare Durable Objects
Cloudflare Durable Objects erklärt: Routing, Single-Instance-State, SQLite-Speicher und ein TypeScript-Beispiel für einen Rate Limiter mit Workers.
Testen im KI-Zeitalter: KI zum Schreiben von Tests einsetzen
KI-generierte Tests können die Coverage erhöhen, ohne Bugs zu finden. Nutze anforderungsbasierte Prompts, Mutationstests und Mock-Review.
Ein erster Blick auf Wordgard, einen neuen Texteditor
Wordgard ist eine neue Rich-Text-Editor-Bibliothek von Marijn Haverbeke mit Einzeländerungen, Korrekturen, Facetten und eigener Auswahlsteuerung.
Ein Entwicklerleitfaden zu Open-Weight-Modellen
Open-Weight-Modelle erklärt: was Gewichte und Lizenzen umfassen, warum das Serving großer Modelle schwer ist und wie Sie API, Anbieter oder локal wählen.
Ein Stylesheet mit Project Wallace auditieren
Ein CSS-Audit mit Project Wallace macht einzigartige Farben, Schriftgrößen, Spezifität, Duplikate und Dateigröße zu konkreten Korrekturen.
npm-Befehle für den Fall, dass etwas schiefläuft
Nutzen Sie npm ls, npm explain, overrides und npm ci, um unerwartete Abhängigkeiten zu finden, Versionen zu korrigieren und Lockfile-Drift zu vermeiden.