Aus dem OpenReplay Blog
Virtuelles Scrollen für hochperformante Benutzeroberflächen
Virtuelles Scrollen rendert nur sichtbare DOM-Knoten und beschleunigt große Datensätze. Der Artikel erklärt Windowing, Overscan und TanStack Virtual.
OpenClaw: Ein neuer Open-Source-KI-Assistent
OpenClaw ist ein selbst gehosteter KI-Agent, der Shell-Befehle ausführt, Browser steuert und auf eigener Hardware mit Slack, Telegram und WhatsApp arbeitet.
Streams für Webentwickler erklärt
Mit der Web Streams API, ReadableStream und TransformStream lassen sich Fetch-Antworten stückweise verarbeiten, um Speicherbedarf und Performance zu optimieren.
Wie Key-Value-Datenbanken (z. B. Redis, Memcached) funktionieren
Redis, Memcached und Key-Value-Datenbanken nutzen In-Memory-Hashtabellen für schnelle Lookups, Caching und Session-Speicherung in Backend-Systemen.
Was ist Lynx.js? Ein Leitfaden für Einsteiger
Lynx.js ist ein plattformübergreifendes Framework von ByteDance, das native iOS- und Android-UIs mit React, echtem CSS und Dual-Thread-Architektur rendert.
Absolute Werte in CSS mit abs()
Die CSS-Funktion abs() verarbeitet vorzeichenbehaftete Custom Properties sicher für Abstände, Animationstiming und Layout-Berechnungen ohne JavaScript.
Typsichere API-Clients mit OpenAPI und TypeScript erstellen
TypeScript-Typen aus OpenAPI-Specs mit openapi-typescript, openapi-fetch und Orval generieren, typsichere API-Clients bauen und Laufzeitfehler eliminieren.
Implementierung der binären Suche in JavaScript
Der Beitrag zeigt iterative und rekursive binäre Suche in JavaScript, erklärt sortierte Arrays als Voraussetzung und wann sie der linearen Suche überlegen ist.
Linux Text-Verarbeitung Cheat Sheet
grep, sed, awk, ripgrep und jq helfen beim Parsen von Log-Dateien, Extrahieren von Spalten und Transformieren strukturierter Textdaten im Terminal.
Wie das CSS-Seitenverhältnis funktioniert
CSS aspect-ratio steuert die Box-Größe, ersetzt den Padding-Hack und verhindert Layout-Verschiebungen kombiniert mit object-fit in Flexbox- und Grid-Layouts.
So implementieren Sie Toast-Benachrichtigungen in Vue
Vue 3 Toast-Benachrichtigungen lassen sich per eigenem Composable oder Vue Toastification umsetzen, mit barrierefreiem Markup und Composition API-Mustern.
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.