Aus dem OpenReplay Blog
Grundlagen des Cachings, die jeder Webentwickler kennen sollte
Schnellere Webanwendungen entstehen durch korrekten Einsatz von Browser-Cache, CDN-Cache, Cache-Control-Headern, ETag und Last-Modified-Validierung.
Menschenlesbare Zeitangaben im Browser anzeigen
UTC-Zeitstempel im Browser anzeigen mit Intl.DateTimeFormat, Intl.RelativeTimeFormat, Intl.DurationFormat und Temporal – ohne externe Bibliotheken.
CSS Grid Lanes: Das neue native Masonry-Layout
Natives CSS Grid Masonry-Layout, Browser-Unterstützungsstatus und Fallback-Strategien für Pinterest-ähnliche Layouts ohne JavaScript-Bibliotheken.
Die besten Git-UIs für Entwickler
Fork, GitKraken, Tower, Sourcetree, GitButler und Lazygit im Vergleich – für die Wahl des passenden Git-UIs bei Branching, Rebasing und Konfliktlösung.
So behandeln Sie Uncaught (in promise) TypeError
Uncaught in promise TypeError lässt sich mit try-catch-Blöcken, catch-Handlern und dem unhandledrejection-Event für Promise-Fehlerbehandlung im Browser beheben.
Was ist der Unterschied zwischen Map, Set und Object in JavaScript?
Map, Set und Object in JavaScript im Vergleich – für die richtige Wahl der Datenstruktur bei Schlüsselverwaltung, Iterationsreihenfolge und Performance.
Verwendung von Git Subrepos zur Verwaltung großer Codebasen
Git subrepo, Git submodules und Git subtree im Vergleich zur Verwaltung von gemeinsamem Code in großen Codebasen und Auswahl des passenden Vendoring-Workflows.
So hosten Sie Google Fonts selbst in WordPress
Google Fonts in WordPress lokal einbinden: Font Library, WOFF2-Upload oder Plugins entfernen Drittanbieterverbindungen und verbessern die DSGVO-Konformität.
Schema-First Datenbankentwicklung mit Drizzle
Schema-First-Entwicklung mit Drizzle ORM nutzt TypeScript als Quelle der Wahrheit und verhindert so Konflikte zwischen Datenbankstruktur und Anwendungstypen.
Warum zsh langsam startet (und wie man es behebt)
zsh-Startzeit analysieren, langsame Plugins und nvm-Probleme erkennen und gezielte Fixes anwenden, um die Shell-Startverzögerung deutlich zu senken.
Laravel mit Vue für Full-Stack-Anwendungen
Full-Stack-Apps mit Laravel und Vue 3 per Inertia.js, Vite und Pinia entwickeln und verstehen, wann dieser integrierte Stack zur Projektarchitektur passt.
Kann man Notion als Website-Backend verwenden?
Die Notion API als Headless CMS abwägen: Rate Limits, ablaufende Datei-URLs und Next.js-Caching-Kompromisse zeigen, ob es zum Projekt passt.
So verhindern Sie doppelte Formularübermittlungen
Clientseitiges State-Tracking, Debouncing und serverseitige Idempotenz-Tokens helfen, doppelte Formularübermittlungen und mehrfache Abbuchungen zu vermeiden.
Reibungslose asynchrone Übergänge in React 19
React 19 beseitigt manuelle Ladezustand-Logik durch startTransition und useOptimistic für zuverlässige Formularübermittlungen und Datenmutationen.
FOUC in modernen Frontend-Anwendungen verhindern
FOUC in React- und Next.js-Apps verhindert man durch Critical-CSS-Inlining, SSR-Style-Extraktion, font-display-Steuerung und korrekte Hydration-Reihenfolge.
Express vs Hono: Welches Framework sollten Sie verwenden?
Express und Hono im Vergleich: Deployment-Ziele, TypeScript-Unterstützung und Ökosystem helfen bei der Wahl des passenden Node.js-Webframeworks für ein Projekt.
Was Menschen wirklich mit '10x Developer' meinen
Was einen 10x Developer ausmacht, geht über Geschwindigkeit hinaus: Hebelwirkung, Mentoring, KI-Urteilsvermögen und wartbarer Code bestimmen echten Einfluss.
Generierung eindeutiger IDs mit der Web Crypto API
Die Web Crypto API-Methode crypto.randomUUID erzeugt sichere, RFC-konforme UUIDs in modernen Browsern – ohne externe Abhängigkeiten und ohne Kollisionsrisiko.
CSS Display-Modi verstehen
Dieser Beitrag erklärt, wie die CSS-Eigenschaft display äußere und innere Layout-Typen steuert, und welche Wahl zwischen block, inline, flex und grid passt.
So fügen Sie benutzerdefiniertes JavaScript zu WordPress-Themes hinzu
Benutzerdefiniertes JavaScript in WordPress-Themes lässt sich per wp_enqueue_script einbinden, mit Abhängigkeiten verwalten und per defer sowie async laden.
Die Anatomie einer HTTP-Anfrage
Der Artikel analysiert HTTP-Anfragen in HTTP/1.1, HTTP/2 und HTTP/3, inklusive Header, Binary Framing, Multiplexing und Fetch-Metadata-Konzepten.
Dev Container für die lokale Entwicklung nutzen
Dev Containers bündeln Node, Extensions und Docker Compose Services in einer Konfigurationsdatei und eliminieren Umgebungskonflikte im Team.
Baseline: Eine neue Denkweise für Browser-Unterstützung
Web Platform Baseline ersetzt Versionstracking durch Verfügbarkeitsstufen, sodass Teams CSS und JavaScript sicher in allen wichtigen Browsern einsetzen können.
Ein erster Blick auf TanStack AI
TanStack AI bietet ein anbieterneutrales, typsicheres SDK, das React und andere Frameworks über modulare Adapter mit OpenAI, Anthropic und Gemini verbindet.