Aus dem OpenReplay Blog
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.
Svelte-5-Komponenten mit Vitest testen
Teste Svelte 5 Komponenten mit Vitest per mount, testing-library oder Browser Mode, plus korrektem Setup für runes, Effekte und Snippets.
Einstieg in npm Workspaces
Einrichtung, Befehle und Grenzen von npm Workspaces: Monorepo verwalten, Sibling-Pakete verknüpfen und wissen, wann Turborepo oder Nx nötig ist.
So sichern Sie eine WordPress-Website
Sichern Sie eine WordPress-Website mit mysqldump, tar, cron und rclone. Behandelt Dateien, Datenbank, externe Speicherung und das Testen der Wiederherstellung.
Automatische Code-Reviews mit CODEOWNERS
Richten Sie GitHub CODEOWNERS ein, vermeiden Sie stille Fehler und erzwingen Sie Code-Review mit passenden Mustern, Rechten und Branch-Schutz.
KI-generierten Code mit Difftastic reviewen
Nutzen Sie Difftastic, um KI-Code mit strukturellen Diffs zu prüfen, in git einzubinden und Verhaltensänderungen von Formatierung zu trennen.
3 JavaScript-Fallstricke erklärt
Drei JavaScript-Fallen erklärt: Fließkomma, NaN-Prüfungen und await in Schleifen, plus die passenden Korrekturen.
Browser-Tab-Synchronisierung mit BroadcastChannel
BroadcastChannel synchronisiert Tabs in Echtzeit mit Structured-Clone-Nachrichten, Cleanup, Fallback und Mustern für Auth, Warenkorb und Theme.
Datenabruf in React Server Components
Daten in React Server Components mit async-Funktionen laden, das Cache-Verhalten in Next.js 15/16 verstehen und Waterfalls mit Promise.all vermeiden.