Aus dem OpenReplay Blog
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.
Checkliste für die Auswahl eines Web-Formular-Builders
Formular-Builder nach Integrationsmodell, WCAG, DSGVO, Webhook-Sicherheit und Validierungsregeln zu bewerten hilft, kostspielige Migrationen zu vermeiden.
Sicherheitslücken in Ihrer App mit Strix finden
Strix nutzt KI-Agenten, um Apps auf fehlerhafte Zugriffskontrolle, Injection-Lücken und Business-Logic-Fehler vor dem Produktiveinsatz zu prüfen.
Intelligentere Paket-Updates mit npm-check-updates
npm-check-updates aktualisiert package.json-Bereiche, hält Semver-Grenzen ein und synchronisiert Lockfiles, ohne CI-Pipelines zu beeinträchtigen.
So erhalten Sie den letzten übereinstimmenden Array-Wert in JavaScript
findLast und findLastIndex geben das letzte passende Element oder dessen Index zurück, ohne Daten zu mutieren oder manuelle Schleifen zu benötigen.
So erstellen Sie eine Angular-App über Google AI Studio
Angular-Apps schnell mit Google AI Studio Build-Modus erstellen, nach GitHub exportieren und API-Keys durch eine Backend-Proxy-Architektur absichern.
Scroll-bewusste Komponenten in React entwickeln
Scroll-Jank lässt sich durch Intersection Observer, Refs und useSyncExternalStore beim React-Scroll-Position-Tracking ohne unnötige Re-Renders vermeiden.
Was ist neu in Preact für 2026?
Sicherheits-Patches, Preact 11 Beta-Änderungen und aktualisierte Tools wie Vite und preact-iso helfen bei fundierten Entscheidungen für den Produktionseinsatz.
Nützliche Farbwerkzeuge für Frontend-Entwickler
OKLCH-Tools, Browser-DevTools und Barrierefreiheitsprüfer ermöglichen wahrnehmungsgleichmäßige Paletten, die WCAG-Kontrastwerte in CSS erfüllen.
Dokumentationsseiten mit Docusaurus erstellen
Statische Dokumentationsseiten mit Docusaurus v3, MDX, Versionierung, Algolia-Suche und React-Theming für wartbare Entwicklerdokumentation erstellen.
REST vs. RPC: Zwei Denkweisen für API-Design
REST und RPC im Vergleich zu Caching, Typsicherheit und Streaming – der Artikel zeigt, wann gRPC, Connect oder HTTP-Endpunkte die bessere Wahl sind.
TSX und der Aufstieg typisierter Frontend-Komponenten
TSX-Komponenten sicher typisieren: Props, Ereignisbehandlung, Children-Muster und die Server- und Client-Komponenten-Aufteilung in React 19.