Aus dem OpenReplay Blog
Claude Code Skills für Frontend-Workflows
Claude Code Skills helfen, Frontend-Workflows zu automatisieren, Design-System-Regeln durchzusetzen und Komponenten per Slash-Commands zu erstellen.
Eine kurze Einführung in die Invoker Commands API
Die Invoker Commands API verknüpft Schaltflächen über commandfor und command deklarativ mit Dialogen und Popovers – ohne zusätzliches JavaScript.
Von der Idee zur App: 5 Next.js SaaS Starter
Fünf Next.js SaaS Starter im Vergleich, die Authentifizierung, Stripe-Billing und Datenbank-Setup abdecken, um das passende Boilerplate zu wählen.
Markdown nativ mit Bun parsen
Bun enthält einen nativen Markdown-Parser, der Markdown in HTML, React-Elemente oder eigene Ausgaben umwandelt, ohne zusätzliche Pakete oder Plugins.
JSON in ES-Modulen importieren (ohne Fetch, ohne Bundler)
JSON in ES-Modulen lässt sich über native Import-Attributes-Syntax einbinden – ohne fetch und ohne Bundler, in modernen Browsern und aktuellen Node.js-Releases.
Erste Schritte in der Spieleentwicklung von Grund auf
Unity, Godot, Phaser und Unreal Engine werden verglichen, dann entsteht ein kleines Spiel mit Game Loop, Kollisionserkennung und Objektzuständen.
Ein Leitfaden für Einsteiger zu Googles Antigravity IDE
Google Antigravity IDE nutzt autonome Agenten zum Planen, Schreiben und Prüfen von Code. Der Artikel erklärt Agent Manager, Artifacts und den Planning-Modus.
Sicherere Umgebungsvariablen für Web-Apps mit Varlock
Varlock bringt schemabasierte ENV-Validierung in JavaScript-Apps, erkennt fehlende Secrets früh und verhindert Datenlecks in Astro-, Vite- und Next.js-Builds.
npm-Sicherheits-Best-Practices
npm-Lieferkettenrisiken lassen sich durch deaktivierte Post-Install-Skripte, gesperrte Abhängigkeiten, WebAuthn 2FA und OIDC Trusted Publishing reduzieren.
Testen Ihrer Website ohne JavaScript: Was und Warum
Chrome DevTools ermöglicht Tests ohne JavaScript, deckt schwache HTML-Grundlagen auf und unterstützt Progressive Enhancement mit Next.js, Remix oder Astro.
Kostenlose KI-Lernressourcen für Entwickler
Echte KI-Anwendungen mit kostenlosen Ressourcen von Google, OpenAI, Hugging Face und Anthropic zu APIs, Agents und generativer KI-Entwicklung aufbauen.
Rspress: Ein Rust-basierter Site-Generator
Rspress nutzt Rspack, um React- und MDX-Dokumentationsseiten mit schnellen Builds, anpassbaren Themes und statischer Markdown-Ausgabe für KI-Tools zu erstellen.
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.