Aus dem OpenReplay Blog
Eine Kurzanleitung zu Hugging Face für Entwickler
KI-Funktionen in Webanwendungen integrieren mit Hugging Face Hub, Transformers, Inference Providers und Inference Endpoints, ohne Modelle neu zu trainieren.
WebGPU vs. WebGL: Warum die Branche weiterzieht
WebGPU und WebGL im Vergleich: Pipelines, Bind Groups, Compute Shader und WGSL zeigen, wann eine Migration des Rendering-Workflows sinnvoll ist.
So verhindern Sie das Scrollen einer Seite, während ein Dialog geöffnet ist
Hintergrund-Scrollen bei offenem Dialog lässt sich mit overflow hidden, overscroll-behavior und iOS Safari Scroll-Lock-Techniken zuverlässig verhindern.
Der Stand der JavaScript-IDEs im Jahr 2026
VS Code, WebStorm, Cursor und Zed im Vergleich: KI-Integration, Sicherheitskonzepte und Agent-Workflows helfen Teams bei der Wahl der passenden JavaScript-IDE.
Was tun, wenn API-Keys in einem Repository landen
Wie man exponierte API-Keys widerruft, die Git-Historie bereinigt und mit Push Protection sowie Secret Scanning verhindert, dass Secrets in GitHub-Repos landen.
TypeScript in Node: Das praktische Setup
TypeScript in Node.js einrichten mit ESM, tsc-Kompilierung und nativem Type-Stripping, um Produktions-APIs und Skripte mit modernem Tooling zu entwickeln.
Wie man eine minimale REST-API in Node.js erstellt
Mit Express 5 lässt sich eine minimale REST-API in Node.js in etwa 80 Zeilen umsetzen, mit JSON-Parsing, korrekten Statuscodes und zentralem Fehler-Handling.
Ein schneller Leitfaden zu Ladeindikatoren in Webanwendungen
Spinner, Skeletons oder optimistisches UI richtig einsetzen und React Suspense Boundaries mit Next.js App Router Ladezuständen implementieren.
Ein Leitfaden für Einsteiger zu SQL Injection (Und wie man sie verhindert)
SQL-Injection-Angriffe nutzen unsichere Datenbankabfragen aus. Parametrisierte Abfragen und minimal berechtigte Datenbankkonten schützen Anwendungen effektiv.
Unveränderlicher State leicht gemacht: Immer verstehen
Immer nutzt JavaScript Proxies für unveränderliche State-Updates, zeigt den Einsatz in Redux Toolkit und erklärt typische Fallstricke bei Draft-Mutationen.
DNS-Grundlagen, die jeder Entwickler kennen sollte
DNS-Auflösung, Record-Typen, TTL-Verhalten, DNSSEC, DoH und HTTPS-Records erklärt, damit Entwickler Produktionsfehler sicher debuggen können.
Release-Workflows leicht gemacht mit Changesets
Zuverlässige npm-Release-Workflows mit Changesets, GitHub Actions und OIDC Trusted Publishing automatisieren Monorepo-Versionierung und Changelog-Erstellung.
Wie passwortlose Anmeldung unter der Haube funktioniert
Wie Passkeys Public-Key-Kryptografie, WebAuthn-Flows und FIDO2 Origin Binding nutzen, um phishingresistente Authentifizierung im Web zu liefern.
Jenseits von Frameworks: Vertrauen Sie auf die Primitives des Webs
Popover API, View Transitions, Navigation API und CSS-Primitives als Framework-Alternativen, bewertet mit Baseline für eine sichere Einführung.
Ein Leitfaden für Einsteiger zu Remote Functions in SvelteKit
SvelteKit Remote Functions ersetzen manuelle API-Endpunkte durch typsichere Server-Aufrufe. query, form, command und prerender werden verglichen.
Refs erklärt: Wie Frameworks den direkten DOM-Zugriff handhaben
DOM-Refs in React, Vue, Angular und Svelte erlauben direkten DOM-Zugriff, ohne Framework-Garantien zu brechen, wenn deklarative Muster nicht ausreichen.
Warum Entwickler von Next.js zu TanStack Start wechseln
TanStack Start und Next.js im Vergleich: Routing, Serverfunktionen und Vite-Integration zeigen, welches React-Framework besser zum Team passt.
Erstellen einer benutzerdefinierten Datei-Upload-Komponente für React
Aufbau einer React-Datei-Upload-Komponente mit Drag-and-Drop, Validierung, Vorschauen und XHR-Fortschrittsverfolgung bei unkontrollierten File-Inputs.
So erkennen Sie Datenbankabfragen, die die Performance Ihrer Anwendung beeinträchtigen
Query Plans, Slow Query Logs und OpenTelemetry Spans helfen, N+1-Probleme, Lock Contention und fehlende Indexes in Datenbankabfragen aufzudecken.
Tabellen statt Divs: Eine einfache API für echte tabellarische Daten
Echte Datentabellen mit der HTML table DOM API und nativen Methoden erstellen, die XSS-Risiken vermeiden und semantisches, barrierefreies Markup erzeugen.
So fügen Sie Ihrer Website eine Suchfunktion ohne Backend hinzu
Clientseitige Suche für statische und JAMstack-Sites lässt sich mit Pagefind, Lunr, Fuse.js oder Algolia ohne Backend-Server oder Datenbank umsetzen.
YouTube-Videos einbetten ohne die Website zu verlangsamen
YouTube-iframes belasten LCP- und INP-Werte. Das Facade-Pattern nutzt Click-to-Play-Platzhalter und reduziert die Hauptthread-Last vor der Nutzerinteraktion.
Praktische Memoization-Patterns in JavaScript
JavaScript-Funktionen sicher memoizen: Objektreferenzen, asynchrone Grenzfälle, Cache-Invalidierung und React useMemo ohne Memory Leaks oder Bugs.
Wenn Ihr Formular zurücksprechen muss, verwenden Sie das Output-Element
Das HTML-output-Element zeigt Live-Formularergebnisse, indem es Eingaben per for-Attribut, name-Attribut und der HTMLOutputElement-Eigenschaft value verknüpft.