Aus dem OpenReplay Blog
Paginierungsmuster in MongoDB
Die Skip-Limit- und Keyset-Paginierung in MongoDB im Vergleich: Performance-Unterschiede verstehen und den passenden Ansatz für den Datensatz wählen.
Ein praktisches CI-Setup für Node.js-Projekte
Eine GitHub Actions CI-Pipeline für Node.js mit npm ci, Versionsmatrizen und Lint-vor-Test-Reihenfolge aufbauen, um Fehler automatisch zu erkennen.
Wie Sie Ihre Präsentationen in Markdown mit Slidev programmieren
Slidev ermöglicht Markdown-basierte Präsentationen mit Vue-Komponenten, Versionskontrolle und Vite-Tooling sowie Export in PDF-, SPA- oder PPTX-Formate.
Was Go für moderne Entwickler attraktiv macht
Go für Backend-Services bewerten: schnelle Kompilierung, Goroutines, Channels, Standardbibliothek und integrierte Toolchain für den Produktionseinsatz.
Gemma 3n und der Aufstieg kleiner, entwicklerfreundlicher LLMs
Gemma 3n, Phi-3 und Llama Edge-Modelle im Vergleich: Wie kleine On-Device-LLMs Latenz reduzieren, die Privatsphäre schützen und API-Kosten senken.
Job Queues erklärt: Worker, Wiederholungsversuche und Scheduling
Job Queues, Background Worker, Retry-Strategien und Cron-Scheduling werden erklärt, damit langsame Aufgaben ausgelagert und Anwendungen reaktionsfähig bleiben.
Was React 19 beim asynchronen Rendering ändert
React 19 Actions, useActionState und useOptimistic ersetzen manuelles Async-State-Handling auf Basis des Concurrent Renderings von React 18.
Technologien, die 2026 im Blick behalten werden sollten
React Server Components, Vite, Bun und KI-Coding-Tools im Vergleich – welche Frontend-Technologien für den nächsten Produktionseinsatz geeignet sind.
Website-Performance-Vorsätze für 2026
Echte Nutzererlebnisse verbessern durch Abgleich von INP, Core Web Vitals und Drittanbieter-Skript-Audits mit Felddaten statt synthetischen Laborwerten.
Fünf Frontend-Trends, die das Web im Jahr 2025 geprägt haben
Fünf Frontend-Trends haben die Web-Entwicklung neu geprägt: Baseline, View Transitions, die Popover API, CSS Anchor Positioning und die Verbreitung von WebGPU.
Formatierung von Daten und Zahlen mit der Intl API
Dieser Artikel erklärt Intl.DateTimeFormat und Intl.NumberFormat präzise, einschließlich Rundungsmodi, Temporal-Typen und Bereichsformatierung in JavaScript.
Singletons in JavaScript: Nützliches Werkzeug oder versteckte Falle?
ES-Modul-Singletons versagen in Jest, Microfrontends und Web Workers bei veränderbarem Zustand – der Beitrag zeigt, wie sich diese Fallstricke vermeiden lassen.
Was Code Coverage Ihnen wirklich sagt
Code-Coverage-Metriken in Vitest und Jest messen Ausführung, nicht Korrektheit. Hohe Prozentwerte können täuschen, Branch Coverage deckt reale Testlücken auf.
Einen besseren Bookmark-Manager wählen
Raindrop.io, Pinboard und selbst gehostete Tools wie Linkwarden lassen sich nach Sync-Modell, Datenkontrolle und Langlebigkeit gezielt vergleichen.
Die URLPattern API: URLs auf moderne Weise abgleichen
Die URLPattern API gleicht URLs per benannter Gruppen statt Regex ab und analysiert sie – mit Unterstützung für Browser, Service Worker und SPA-Routing-Logik.
So fügen Sie einen einfachen Schneefall-Effekt zu Ihrer Website hinzu
Ein canvas-Schneefall-Effekt, der Bewegungsreduzierung respektiert, in Hintergrund-Tabs pausiert und Feiertagsanimationen performant sowie barrierefrei hält.
Erstellen eines Countdown-Timers für Feiertage in JavaScript
Ein JavaScript-Countdown-Timer für Feiertage, der setInterval-Drift vermeidet, Zeitzonen korrekt behandelt und beim Erreichen des Zieldatums sauber stoppt.
jQuery-Alternativen für modernes JavaScript
jQuery, Vanilla JavaScript, Cash, Alpine.js und React im Vergleich, um das richtige Werkzeug zu wählen und unnötige Abhängigkeiten zu eliminieren.
Fünf moderne ORMs, die Entwickler auf dem Radar haben sollten
Prisma, Drizzle, TypeORM, MikroORM und Kysely im Vergleich: Typsicherheit, Bundle-Größe, Edge-Kompatibilität und Migrations-Workflows für die ORM-Wahl.
Type Narrowing in TypeScript verstehen
Type Narrowing, Control Flow Analysis, Discriminated Unions und benutzerdefinierte Type Guards in TypeScript verstehen, um Typfehler zu eliminieren.
Layout Shift mit modernem CSS verhindern
Layout Shift lässt sich durch intrinsic Sizing, metrikbasierte Schrift-Fallbacks und compositor-sichere Animationen verhindern und CLS-Werte unter 0,1 halten.
QR-Codes generieren und einbetten
QR-Codes in JavaScript per SVG oder Canvas generieren und Scanfehler durch fehlende Quiet Zones, Kontrastprobleme und Logo-Overlays vermeiden.
Kreativ werden mit CSS-Shape-Funktionen
Die CSS-Shape-Funktion ermöglicht responsive Clip-Pfade mit Prozentwerten statt fixer Pixelkoordinaten, die bei Containergrößenänderungen versagen.
Gängige Muster zur Konfiguration von Node.js-Projekten
Node.js-Konfigurationsmuster für Runtime-Pinning, Lockfiles, ESM, TypeScript und ESLint Flat Config unterstützen bewusste Projektentscheidungen.