Aus dem OpenReplay Blog
Verlorene Commits mit Git Reflog wiederherstellen
Stellen Sie verlorene Git-Commits mit dem reflog wieder her: git reflog findet verwaiste Commits, macht Hard Resets und Rebases rückgängig und stellt Branches wieder her.
Quicksort verstehen – mit JavaScript-Beispielen
Quicksort in JavaScript mit verständlichen und In-Place-Beispielen, Partition-Trace, Pivot-Wahl, Komplexität und Stabilität.
Moderne iOS-Feature-Detection (ohne Schmerzen)
Moderne iOS-Feature-Erkennung ohne Aufwand: CSS.supports, Verhaltenstests und nur wenig UA-Sniffing für iOS 26 und alte iPads.
5 Barrierefreiheits-Checks vor dem Release
Fünf Accessibility-Checks vor dem Shipping: Tab-Reihenfolge, automatisierte Scans, semantisches HTML, Farbkontrast und 200%-Zoom.
Warum rel='noopener' bei Links obsolet ist
Warum rel=noopener für target=_blank-Links obsolet ist, was Reverse Tabnabbing war und wann noreferrer, opener oder COOP noch wichtig sind.
HTTPS mit .htaccess erzwingen
HTTPS mit .htaccess und Apache-Rewrite-Regeln erzwingen, Redirect-Loops hinter CDN oder Load Balancer beheben und www sowie HSTS einrichten.
Plan Mode in Claude Code für komplexe Aufgaben
Plan Mode in Claude Code erklärt: Funktionsweise, vier Aktivierungswege, Leserechte, Workflow-Tipps und wann man es bei einfachen Änderungen überspringt.
Ein Data Grid mit TanStack Table erstellen
Erstellen Sie ein TanStack Table Data Grid mit Sortierung, Filtern, Pagination und Virtualisierung sowie Fixes für Memoisierungsfehler und Endlos-Rerenders.
Motion vs. GSAP: Brauchen Sie beide?
Motion vs GSAP für React: Vergleich von deklarativer Animation, Scroll-Timelines, Lizenzen, Performance und wann beide zusammen sinnvoll sind.
Internationalisierung einer React-App hinzufügen
Richten Sie Internationalisierung in React mit react-i18next ein: Interpolation, Pluralisierung, RTL-Layout, Locale-Formatierung und Next.js-SSR.
Zustandspersistenz in Local Storage mit React
Persistiere React-State in localStorage mit einem wiederverwendbaren Hook: lazy useState, JSON try/catch, SSR-Guard und Tab-Synchronisierung.
CIDR-Notation und IP-Bereiche verstehen
CIDR-Notation, IP-Bereiche und Subnetzberechnung für IPv4 und IPv6 erklärt. So lesen Sie Präfixe, planen Netze und vermeiden Überschneidungen.
In-Browser-Bearbeitung mit contentEditable
Contenteditable im Browser: Inline-Textbearbeitung aktivieren, input-Ereignisse erfassen, execCommand-Grenzen beachten und XSS verhindern.
5 JavaScript-APIs, die jeder Frontend-Entwickler kennen sollte
5 native JavaScript-APIs für Frontend-Entwickler: IntersectionObserver, ResizeObserver, AbortController, Clipboard API und View Transitions.
So beheben Sie den Fehler 'ERR_TOO_MANY_REDIRECTS'
Beheben Sie ERR_TOO_MANY_REDIRECTS mit einem Diagnoseleitfaden für Redirect-Loops, HTTP-zu-HTTPS-Fehler, Cloudflare-SSL und Proxy-Einstellungen.
KI-Agenten zur Automatisierung repetitiver Projektaufgaben einsetzen
Nutze Claude Code Skills, um wiederkehrende Projekttasks zu automatisieren, Setup- und Deploy-Schritte zu erfassen und Workflows stabil zu halten.
Häufige CSS-Shorthand-Eigenschaften
CSS-Shorthand-Übersicht zu margin, padding, border, font, background und flex mit Reset-Regeln, Wertreihenfolge und stillen Fehlern.
Testen API-gesteuerter Komponenten in Storybook
Nutzen Sie MSW in Storybook 10, um API-basierte Komponenten mit Lade-, Fehler-, Leer- und Erfolgszuständen zu testen und Stories in Tests zu verwandeln.
Echte Geometrie im Browser mit Geometric.js
Geometric.js bringt Polygon-Schnittmengen, Bounds, Point-in-Polygon-Tests und Pfadinterpolation in Browser-Charts, Karten, SVG und Canvas.
3 Typsysteme, die kein TypeScript sind
Vergleichen Sie JSDoc + @ts-check, ReScript und Flow als TypeScript-Alternativen für JavaScript, mit Kompromissen bei Soundness, Build-Schritt und Adoption.
MDN ist jetzt ein MCP-Server
Der MDN-MCP-Server gibt KI-Agenten Live-Zugriff auf Suche, Doku und Browser-Kompatibilitätsdaten sowie Setup und Datenschutzhinweise.
Was bunx ist und wann man es verwendet
bunx erklärt: Wie Bun npm-Binaries ohne globale Installation ausführt, wann --bun sinnvoll ist und wann npx die sichere Wahl bleibt.
Text in CSS abschneiden
Text in CSS mit text-overflow: ellipsis für eine Zeile oder line-clamp für mehrere Zeilen kürzen, plus Fixes für Flex und Grid.
5 nützliche Bookmarklets für Entwickler
Fünf nützliche Bookmarklets für Entwickler: Seiten live bearbeiten, Layout debuggen, Passwortfelder sichtbar machen, Farben wählen und eruda einfügen.