Aus dem OpenReplay Blog
So implementieren Sie Drag and Drop in Svelte
Drag and Drop in Svelte gelingt mit der nativen HTML5 API oder svelte-dnd-action für Animationen, Touch-Unterstützung und Multi-Listen-Boards.
Anwendungsfälle für JavaScript-Generatoren
JavaScript-Generatoren liefern Werte bei Bedarf und eignen sich für Lazy Iteration, asynchrone Paginierung und Pipelines mit der Iterator Helpers API.
Wenn 100vh lügt: Mobile Viewport-Probleme beheben
Dieser Beitrag erklärt, wie svh, dvh und lvh sich von vh unterscheiden und wann welche Einheit für stabile Vollbild-Layouts ohne Viewport-Clipping passt.
So organisieren Sie Typdefinitionen in einem TypeScript-Projekt
TypeScript-Typdefinitionen lassen sich durch eine klare Strategie mit Inline-Dateien, gemeinsamen Verzeichnissen und Deklarationsdateien strukturiert verwalten.
MCP Apps: Interaktive Benutzeroberflächen zu KI-Konversationen hinzufügen
MCP Apps ermöglichen interaktive UI-Komponenten in KI-Konversationen. Der Artikel zeigt, wie MCP-Server mit dem ext-apps SDK Dashboards und Formulare rendern.
Eine bessere Möglichkeit, Fehler in VS Code mit Error Lens zu sehen
Error Lens blendet ESLint- und TypeScript-Diagnosen inline in VS Code ein, sodass Frontend-Entwickler Fehler schneller finden und beheben können.
Erstellen Sie Ihre erste API mit Koa
Eine REST-API mit Koa entwickeln: Routing einrichten, JSON-Bodys parsen und das Middleware-Kaskadenmodell für GET- und POST-Endpunkte nutzen.
Wann man user-select: none verwenden sollte (und wann es zur UX/Accessibility-Falle wird)
Der Beitrag zeigt, wann CSS user-select none bei interaktiven Elementen hilft und wann es Barrierefreiheit sowie Textauswahl beeinträchtigt.
So messen Sie die JavaScript-Performance
JavaScript-Performance mit DevTools, der Performance API und Core Web Vitals analysieren, Engpässe erkennen und den realen INP-Wert präzise messen.
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.