Aus dem OpenReplay Blog
Svelte-5-Komponenten mit Vitest testen
Teste Svelte 5 Komponenten mit Vitest per mount, testing-library oder Browser Mode, plus korrektem Setup für runes, Effekte und Snippets.
Einstieg in npm Workspaces
Einrichtung, Befehle und Grenzen von npm Workspaces: Monorepo verwalten, Sibling-Pakete verknüpfen und wissen, wann Turborepo oder Nx nötig ist.
So sichern Sie eine WordPress-Website
Sichern Sie eine WordPress-Website mit mysqldump, tar, cron und rclone. Behandelt Dateien, Datenbank, externe Speicherung und das Testen der Wiederherstellung.
Automatische Code-Reviews mit CODEOWNERS
Richten Sie GitHub CODEOWNERS ein, vermeiden Sie stille Fehler und erzwingen Sie Code-Review mit passenden Mustern, Rechten und Branch-Schutz.
KI-generierten Code mit Difftastic reviewen
Nutzen Sie Difftastic, um KI-Code mit strukturellen Diffs zu prüfen, in git einzubinden und Verhaltensänderungen von Formatierung zu trennen.
3 JavaScript-Fallstricke erklärt
Drei JavaScript-Fallen erklärt: Fließkomma, NaN-Prüfungen und await in Schleifen, plus die passenden Korrekturen.
Browser-Tab-Synchronisierung mit BroadcastChannel
BroadcastChannel synchronisiert Tabs in Echtzeit mit Structured-Clone-Nachrichten, Cleanup, Fallback und Mustern für Auth, Warenkorb und Theme.
Datenabruf in React Server Components
Daten in React Server Components mit async-Funktionen laden, das Cache-Verhalten in Next.js 15/16 verstehen und Waterfalls mit Promise.all vermeiden.
Text Expander für Git, PRs und KI-Prompts einsetzen
Espanso-Snippets für Git, PRs und KI-Prompts: Nutze Shell, Zwischenablage und Cursor-Hinweise für kontextbezogene Texterweiterungen.
Wie man `display: none` ohne JavaScript-Hacks animiert
Animieren Sie display none mit CSS via allow-discrete und @starting-style sowie overlay für dialog und popover und Hinweise zur Browserunterstützung.
Ein praktischer Leitfaden zum `satisfies`-Operator in TypeScript
TypeScripts satisfies-Operator erklärt mit Config-Beispielen, schmaler Typinferenz und wann er as oder eine Typannotierung ersetzt.
JSPI erklärt: Eine bessere Brücke zwischen JavaScript und Wasm
JSPI verbindet JavaScript und WebAssembly, damit synchrones Wasm Promise-basierte APIs wie fetch aufruft, mit Suspending, promising und Browserstatus.
Halten Sie Ihren Mac für nächtliche Agent-Läufe mit caffeinate wach
Nutze caffeinate auf dem Mac, um Claude Code, Codex oder Builds über Nacht wach zu halten, Assertions mit pmset zu prüfen und Deckel-sleep zu beachten.
5 Obsidian-Tipps für besseres Notizen-Machen
Fünf Obsidian-Tipps für Notizen: MOCs, Dataview, Bases, Canvas, Mermaid, Review-Dashboards und Git-Sync für Markdown-Vaults.
Integrationstests vs. End-to-End-Tests
Integrationstests vs End-to-End-Tests für Web-Apps: klare Definitionen, JS-Tools und wann Vitest, MSW, Playwright oder Cypress passen.
Wie JavaScript endlich gelernt hat, nach sich selbst aufzuräumen
Explicit Resource Management in JavaScript mit using, await using, DisposableStack und SuppressedError für deterministische Bereinigung von Dateien, Locks, Sockets und Verbindungen.
Häufige Fehler beim Design relationaler Datenbanken
Vermeiden Sie typische Fehler im relationalen Datenbankdesign mit Postgres und MySQL: Constraints, Schlüssel, Indizes und korrekte Zeitstempel.
Zeitzonen in JavaScript handhaben, ohne den Verstand zu verlieren
JavaScript-Zeitzonen sauber handhaben mit UTC-Instants, IANA-Zonen, Intl.DateTimeFormat, Temporal und DST-sicheren Regeln für Speichern und Anzeigen.
Das Ende dualer CJS/ESM-Builds in Node.js
Node.js unterstützt jetzt require(esm), sodass ESM-only für viele Bibliotheken der Standard ist. Wann CJS fallen kann, top-level await vermeiden und sicher migrieren.
TypeScript Best Practices für große Projekte
TypeScript-Best Practices für große Projekte: Strict Mode, noUncheckedIndexedAccess, exactOptionalPropertyTypes, generierte Typen, Laufzeitvalidierung und CI-Guardrails.
Buns eingebauten Redis-Client verwenden
Leitfaden zum integrierten Redis-Client von Bun: Verbindung, typisierte Befehle, Pub/Sub, Auto-Pipelining, Rate Limiting und ioredis-Wechsel.
Wann man CSS `if()` vs. Container Style Queries verwenden sollte
Vergleichen Sie CSS if() und Container Style Queries: wann Sie was nutzen, typische Syntaxfehler, Range-Syntax und Browser-Support 2026.
So erstellen Sie eine REST API mit Fastify
Erstelle eine Fastify-v5-REST-API mit Prisma, JSON-Schema-Validierung, Plugins, Decorators, Hooks und TypeBox-Typisierung für CRUD-Posts.
Wann Sie keine Komponentenbibliothek brauchen
Warum Utility CSS und Headless-Primitives 2026 oft besser sind als Component Libraries, plus Checkliste für die richtige Wahl.