Aus dem OpenReplay Blog
Zahlen in JavaScript parsen
parseInt, parseFloat, Number und BigInt im Vergleich: Strings in JavaScript in Zahlen umwandeln und Sonderfälle vermeiden, die stille Bugs verursachen.
Arbeiten mit Dateien mithilfe der FileReader-API
Die FileReader API liest Dateien asynchron über Events und Daten-URLs, während moderne Blob-Methoden oft die einfachere Alternative darstellen.
Ein Blick auf AdonisJS für die Node-Entwicklung
AdonisJS und Express im Vergleich: Wie Lucid ORM, VineJS-Validierung und TypeScript-Unterstützung die Node.js-Backend-Entwicklung verändern.
Die besten SVG-Icon-Bibliotheken für moderne Web-Apps
Dieser Vergleich der SVG-Icon-Bibliotheken Lucide, Heroicons, Phosphor und Tabler hilft bei der Auswahl der passenden Lösung für moderne Web-App-Projekte.
Was ist Chrome DevTools MCP?
Chrome DevTools MCP gibt KI-Agenten Live-Browserzugriff, um Console-Fehler, Netzwerkanfragen und den DOM-Zustand in aktiven Entwicklungssitzungen zu prüfen.
VS Code Planungsmodus: Erst denken, dann programmieren
Der VS Code Planungsmodus trennt Analyse und Ausführung in GitHub Copilot, sodass Entwickler Implementierungspläne prüfen können, bevor Dateien geändert werden.
Einblick in den AST: Wie Tools Code verstehen
Abstract Syntax Trees sind die Basis von ESLint, Prettier und Babel. Parser erzeugen Knoten, die Linting, Formatierung und Transformation steuern.
Erste Schritte mit Valibot
Valibot ermöglicht Laufzeitvalidierung in TypeScript: Schemas definieren, Typen ableiten und komponierbare Pipelines aufbauen bei minimalem Bundle-Overhead.
Wann könnte man BigInt in JavaScript benötigen?
JavaScript BigInt behebt stillen Präzisionsverlust bei ganzen Zahlen außerhalb des sicheren Number-Bereichs, etwa bei großen IDs und WebAssembly 64-Bit-Werten.
Einrichten einer TypeScript-App mit Bun
TypeScript-Projekt mit Bun einrichten, den Build-Schritt überspringen und TypeScript-Dateien direkt über einen Runtime- und Paketmanager-Workflow ausführen.
Git-Repositories in LLM-gerechten Text umwandeln: Ein Schnellleitfaden
Gitingest, Repomix oder repo2txt wandeln Git-Repositories in LLM-gerechten Text um und speisen gefilterte Codebasen ohne Token-Verschwendung in KI-Modelle ein.
Verwendung der Battery Status API in Web-Apps
Die Battery Status API liefert Akkustand und Ladezustand per JavaScript für adaptive Web-Apps, inklusive Browser-Kompatibilität und Datenschutz.
Animationen mit Tailwind CSS Plugins hinzufügen
Die Optionen für Tailwind CSS-Animationen im Überblick: von integrierten Utilities über Plugins bis zu v4-Keyframes, stets mit Barrierefreiheit im Blick.
Sichere Verarbeitung von Benutzereingaben in Node.js
Zod, parametrisierte Abfragen und explizite Argumente schützen Node.js-Anwendungen vor SQL-Injection, Prototype-Pollution und Mass-Assignment-Angriffen.
Ein erster Blick auf die HTML Sanitizer API
Die HTML Sanitizer API bringt XSS-Schutz direkt in den Browser und vergleicht sichere Methoden mit DOMPurify-Fallbacks sowie effektiver Allowlist-Konfiguration.
So finden Sie DOM-Elemente nach Text
DOM-Elemente per Text abfragen lässt sich mit querySelector-Filterung, TreeWalker-Traversierung und XPath über document.evaluate zuverlässig umsetzen.
Die besten CDNs für moderne Webanwendungen
Cloudflare Workers, Fastly Instant Purge, AWS CloudFront und Akamai Ion im Vergleich für die richtige CDN-Wahl bei Frontend-Architektur und Edge-Logic.
Erste Schritte mit Laravel Livewire
PHP-Komponenten und Blade-Templates in Livewire ermöglichen dynamische Laravel-UIs mit automatischer Formularvalidierung und reaktiven DOM-Aktualisierungen.
Die CSS-Funktion random() erkunden
Die CSS-Funktion random() erzeugt native Zahlenwerte in Stylesheets und ersetzt JavaScript für visuelle Variation – mit Syntax, Caching-Keys und Fallbacks.
Styling von Select-Elementen mit modernem CSS
Select-Elemente mit appearance none und base-select stylen, clip-path sowie Fokus-Spans nutzen und per modernem CSS browserübergreifend schrittweise verbessern.
Echtzeit-UX mit der htmx-SSE-Erweiterung
Mit der SSE-Erweiterung und Server-Sent Events lässt sich eine Echtzeit-UI in htmx-Projekten per HTML-Attributen integrieren, ohne JavaScript-Framework.
Warum Sie mit `!` in TypeScript vorsichtig sein sollten
Der Non-Null-Assertion-Operator in TypeScript unterdrückt Compiler-Warnungen ohne Laufzeitschutz und macht Fehler zur Laufzeit schwer nachvollziehbar.
Relative Farbsyntax in CSS erklärt
Die relative Farbsyntax in CSS erlaubt, Tints, Shades und Transparenzvarianten aus einer Ausgangsfarbe per OKLCH und anderen modernen Farbfunktionen abzuleiten.
Sauberere Async-Ketten mit Promise.try schreiben
Promise.try fängt synchrone Fehler als Rejections ab und hält Async-Ketten sauber. Der Beitrag vergleicht Alternativen und zeigt bedingte Datenlademuster.