Aus dem OpenReplay Blog
Tipps für die Portierung einer Express-App zu Hono
Express-App zu Hono portieren? Die wichtigsten Unterschiede bei Routing, Middleware, Body-Parsing, Fehlern und schrittweiser Migration.
Erstellen eines Theme-Switchers mit CSS-Variablen
Erstellen Sie einen Theme-Switcher mit CSS-Variablen, data-theme, prefers-color-scheme, localStorage und ohne Flackern des falschen Themes beim Laden.
Gibt es ein Rails für JavaScript?
Rails für JavaScript? Vergleiche AdonisJS, Wasp, Next.js und Sails.js und sieh, welche Frameworks Auth, ORM und Scaffolding mitbringen.
Vom Prompt zur UI mit Google Stitch
Google Stitch verwandelt Prompts in UI-Layouts, Prototypen und HTML-Export. So schreiben Sie bessere Prompts, nutzen DESIGN.md und beschleunigen den Handoff.
Code-Metriken erklärt: Was ist zyklomatische Komplexität?
Cyclomatische Komplexität erklärt mit JavaScript-Beispielen, Formeln und Tools wie ESLint und SonarQube zum Messen und Reduzieren von Verzweigungen.
Styling von Web Components mit Shadow DOM und CSS
Web Components mit Shadow DOM stylen: Nutze :host, ::slotted(), CSS-Variablen, ::part() und adoptedStyleSheets, um Komponenten-CSS zu steuern.
Server-Side Rendering mit Preact
Preact SSR mit preact-render-to-string, hydrate und Vite: Server-Side-Rendering, Streaming und Tipps gegen Hydration-Mismatches.
Inhaltsverzeichnis aus Überschriften in JavaScript erstellen
Erstellen Sie ein JavaScript-Inhaltsverzeichnis aus Überschriften mit sicheren IDs, zugänglicher Navigation und aktiver Abschnittsmarkierung per IntersectionObserver.
So installieren Sie Claude Desktop unter Linux
Claude Desktop unter Linux: offizieller Claude Code CLI und Community-Desktop-Pakete, mit Installationsschritten, Feature-Vergleich und Sicherheitsrisiken.
Nuxt UI, die intuitive Komponentenbibliothek für Vue-Anwendungen
Nuxt UI ist eine Tailwind-native Vue-Komponentenbibliothek mit über 125 barrierefreien Komponenten, TypeScript-Support und Vite-Setup für Nuxt oder Vue.
5 Figma-Alternativen, die mit Web-Technologien entwickelt wurden
5 Figma-Alternativen mit Webtechnologien: Penpot, Plasmic, Webstudio, Framer und tldraw für browsernative Design-Workflows.
Der Stand von CSS-in-JS im Jahr 2026
CSS-in-JS 2026: Runtime oder Zero-Runtime, Grenzen mit React Server Components und Next.js App Router und welcher Styling-Ansatz passt zu Ihrer App.
So erstellen Sie eine Android-App mit Android CLI
Einrichtung von Android CLI, Projekterstellung, SDK-Installation, Start im Emulator und wie Android Skills sowie die Knowledge Base Agenten helfen.
Semantic Versioning erklärt
SemVer für npm erklärt: MAJOR.MINOR.PATCH, Caret- und Tilde-Bereiche, 0.x-Versionen, Pre-Releases und Lockfiles für sichere Updates.
Auswahl einer JavaScript-Templating-Engine
Vergleichen Sie EJS, Handlebars, Pug und Nunjucks für serverseitiges HTML in Node.js, mit Syntax, Einsatzfällen und Sicherheitstipps.
So binden Sie Videos in React ein
Video in React einbetten mit HTML5 video für selbst gehostete Dateien, YouTube iframes, Autoplay-Fixes, responsivem Layout und ReactPlayer.
Fünf Sass-Features, die du durch CSS ersetzen kannst
Fünf Sass-Funktionen, die du mit modernem CSS ersetzen kannst: Custom Properties, Nesting, color-mix(), @layer und @property.
E-Mail-Verschleierungstechniken für das Web
E-Mail-Obfuskation im Web: HTML-Entity-Encoding, JavaScript, CSS-Tricks vermeiden, Kontaktformulare und Cloudflare-Schutz im Vergleich.
Audio im Browser aufnehmen mit der Web Audio API
Audio im Browser mit Web Audio API aufnehmen: Mikrofon mit getUserMedia erfassen, bei Bedarf verarbeiten und mit MediaRecorder kodieren.
Moderne SQLite-Funktionen, die Sie möglicherweise übersehen haben
Moderne SQLite-Funktionen: JSONB, STRICT-Tabellen, RETURNING, WASM mit OPFS und WAL-Modus für mehr Leistung und Parallelität.
Einsatz von es-toolkit für alltägliche JavaScript-Utilities
es-toolkit bietet typisierte, tree-shakebare JavaScript-Utilities als schlanke Lodash-Alternative, mit kleineren Bundles und einfachem Migrationspfad.
Erstellen eines reinen CSS-Tooltips
Erstellen Sie einen Pure-CSS-Tooltip mit ::after, data-tooltip und Opacity-Übergängen sowie focus-visible-Support und klaren Accessibility-Grenzen.
Was Axios dir gegenüber Fetch immer noch bietet
Axios vs Fetch: sehen Sie, wo Axios mit Interceptors, automatischer HTTP-Fehlerbehandlung, gemeinsamen Instanzen, Upload-Fortschritt und Timeouts punktet.
Ein praxisnaher Überblick über Kubernetes
Kubernetes-Überblick zu Architektur, Pods, Deployments, Services, Ingress und ConfigMaps für den Betrieb und das Skalieren von Web-Apps im Cluster.