Aus dem OpenReplay Blog
Gestaffelte Animationen ohne nth-child-Rechnerei
Ersetzen Sie nth-child-Regeln und JavaScript-Schleifen durch sibling-index() für gestaffelte CSS-Animationen. Erfahren Sie mehr über Varianten, Layout, Support und Fallbacks.
5 KI-Tools zum Erstellen mobiler Apps
Vergleichen Sie fünf KI-Builder für mobile Apps: Dactyl, Rork, FlutterFlow, Thunkable und Bubble. Erfahren Sie mehr über Codeexport, Plattformen, Preise und Store-Veröffentlichung.
Kann man dem User-Agent-String noch vertrauen?
Erfahren Sie, welche User-Agent-Angaben zuverlässig bleiben, welche Browser einfrieren und wie Chromium Client Hints und Feature-Erkennung fehleranfälliges Parsing ersetzen.
Docker auf einem Linux-System absichern
Mitgliedschaft in der Docker-Gruppe gewährt Root-Rechte. Sichern Sie Docker unter Linux mit Rootless-Modus, sudo-Regeln, Podman, Container-Härtung und Audit-Checkliste.
Warum Ihr useEffect zweimal ausgeführt wird
Erfahren Sie, warum React StrictMode useEffect in der Entwicklung zweimal ausführt und wie Sie Abrufe, Listener und andere Effekte mit Cleanup beheben.
Zod-Validierung beschleunigen mit kompilierten Schemas
Erfahren Sie, wie kompilierte Zod-Schemas die Validierung beschleunigen, wann sich der Gewinn lohnt und wie Sie Kosten, inkompatible Schemas und CSP-Einschränkungen berücksichtigen.
HTTP hat ein neues Verb für die Suche
HTTP QUERY ermöglicht sichere, idempotente Suchanfragen mit Request-Body. Erfahren Sie, wie Caching und Wiederholungen funktionieren und welche Clients und Systeme den Einsatz unterstützen.
So erstellen Sie einen eigenen Gutenberg-Block
Erstellen Sie einen eigenen Gutenberg-Block mit React, block.json und PHP. Erfahren Sie, wie Attribute, statische und dynamische Ausgabe sowie veraltete Versionen Fehler vermeiden.
So verifizieren Sie eine Webhook-Signatur
Prüfen Sie Stripe- und GitHub-Webhook-Signaturen in Express mit rohen Request-Bodies, konstantzeitigen HMAC-Prüfungen, Replay-Schutz und Secret-Rotation.
5 Linux-Distros, die Sie vielleicht noch nicht kennen
Vergleichen Sie fünf weniger bekannte Linux-Distributionen für Entwickler: CachyOS, Bazzite, Nobara, Vanilla OS und Chimera Linux, mit Infos zu Treibern, Updates und Toolchains.
Was sich in Vitest 5 geändert hat
Erfahren Sie, was sich in Vitest 5 ändert: Leistung, inkompatible Änderungen, neue Standardwerte, Berichtspfade und eine Checkliste für die Migration von Tests und CI.
So verwenden Sie native CSS-Mixins statt Sass
Erfahren Sie, wie Sie Sass-Mixins mit @mixin und @apply in natives CSS übertragen, Parameter nutzen und erkennen, welche Funktionen weiterhin Sass erfordern.
TypeScript mit scriptc zu einem nativen Binary kompilieren
scriptc kompiliert TypeScript zu nativen Binaries, mit statischen Builds, 620-KB-Dynamic-Engine, Coverage-Check und klaren Diagnosen.
Bereinigung von Text, den Nutzer in Ihre App einfügen
Bereinigen Sie eingefügten Text in Webformularen mit Unicode-Normalisierung, Entfernung von Formatzeichen, Zusammenfassen von Leerraum und sicherem Umgang mit ZWJ und NBSP.
So lesen Sie einen JavaScript-Stack-Trace
JavaScript-Stack-Traces lesen: den ersten nützlichen Frame erkennen, async-Lücken, Minified-Output, Source Maps und Error.cause verstehen.
Ein erster Blick auf Astryx, das Design-System von Meta
Astryx, Metas Open-Source-Designsystem, bietet über 150 React-Komponenten, Themes, CLI-Setup, Anpassungsstufen und den Vergleich mit shadcn/ui und Base UI.
Was ist der Vue Vapor Mode?
Vue Vapor Mode erklärt: SFCs werden zu direkten DOM-Operationen kompiliert, plus Änderungen in Vue 3.6 RC und Fallen bei Events und Slots.
Eigene Hono-Middleware schreiben
Erstellen Sie Hono-Middleware mit typisierten Context-Variablen, Request-Timing, frühem Abbruch und Pfad-Scoping. Verstehen Sie next() und die Reihenfolge.
WP-CLI für alle, die im Terminal leben
WP-CLI-Befehle für WordPress-Migrationen, Backups, Sperren, Plugin- und Core-Updates, Remote-SSH-Aufgaben und sicheres Search-Replace.
npm-Pakete direkt aus dem Browser verwenden
Nutzen Sie npm-Pakete in einfachem HTML mit Import Maps und CDN-URLs. Erkennen Sie ESM oder CommonJS, pinnen Sie Versionen und vermeiden Sie Builds.
Website-Aktionen mit WebMCP für KI-Agenten zugänglich machen
WebMCP zeigt, wie sich Site-Tools mit document.modelContext registrieren, Annotations setzen und Aktionen in einer angemeldeten Browsersitzung absichern.
Wie Sie verhindern, dass JSON Ihre Objekte flachklopft
Beheben Sie JSON-Flattening in JavaScript mit Replacer, Reviver, toJSON und context.source, um Date, Map, Set und BigInt wiederherzustellen.
Erste Schritte mit Octane, dem Nachfolger von Inferno
Octane, der Nachfolger von Inferno, kompiliert React-artige Komponenten zu direktem DOM-Code und erklärt Hooks, Dependency-Arrays, Setup und Beta-Status.
5 MariaDB-Features, die man kennen sollte
Wichtige MariaDB-Funktionen: Vektorsuche, systemversionierte und Application-Time-Tabellen, Speicher-Engine pro Tabelle sowie utf8mb4 als Standard in 11.8 LTS.