Seite 16 - Monthly Archives: May 2025

Wer git log nur mit der Standardausgabe nutzt, verschenkt eines der mächtigsten Diagnosewerkzeuge im täglichen Entwicklungsalltag. Mit gezielten Filtern nach Autor, Zeitraum und Inhalt, mit eigenen Pretty Formaten für Skripte und mit der Pickaxe Suche lässt sich jede Codezeile bis zu ihrem Ursprung zurückverfolgen, ohne die Historie manuell zu durchsuchen.

Streaming SSR zerlegt eine Serverantwort in mehrere Chunks, statt auf das vollständige HTML zu warten, bevor überhaupt etwas an den Browser geschickt wird. React Suspense definiert dabei die Grenzen, an denen einzelne Teile der Seite nachgeliefert werden, während schnell verfügbare Inhalte sofort sichtbar sind.

Server-Side Rendering sollte eigentlich für schnelle erste Sichtbarkeit sorgen, doch bei großen SPA/SSR-Hybrid-Anwendungen frisst die anschliessende Hydration oft genau den Vorteil wieder auf, den das serverseitige Rendering erst erzeugt hat. Der Browser muss den kompletten Component-Tree erneut durchlaufen, Event-Handler anhängen und internen State rekonstruieren, bevor die Seite wirklich interaktiv wird. Partielle Hydration und das grundlegend andere Konzept der Resumability sind zwei Antworten auf dasselbe Problem, mit sehr unterschiedlichen Konsequenzen für Architektur und Framework-Wahl.

Barrierefreiheit gilt oft als Nischenthema für eine kleine Gruppe von Screenreader-Nutzern, dabei betrifft sie fast jeden: ein gebrochenes Handgelenk, grelles Sonnenlicht auf dem Display, Einhand-Bedienung im Bus oder nachlassende Sehkraft im Alter. Wer barrierefrei entwickelt, baut gleichzeitig robustere und schnellere Interfaces für alle Nutzer eines Magento-Shops, nicht nur für eine Minderheit.

shallowMount ersetzt jede Kindkomponente durch einen Stub und rendert nur die getestete Komponente selbst, mount baut den kompletten Komponentenbaum auf. Beide Funktionen aus Vue Test Utils lösen unterschiedliche Testprobleme, und wer sie verwechselt, bekommt entweder Tests, die zu viel gleichzeitig prüfen, oder Tests, die an internen Details von Kindkomponenten zerbrechen.

Ein Index auf eine Spalte mit nur zwei möglichen Werten bringt fast nie eine spürbare Beschleunigung, egal wie groß die Tabelle ist. Cardinality beschreibt die Anzahl unterschiedlicher Werte in einer Spalte, Selektivität ihr Verhältnis zur Zeilenanzahl, und beide Kennzahlen entscheiden gemeinsam mit dem Optimizer, ob ein Index überhaupt genutzt wird.

Nicht jede Seite muss vollständig headless werden, damit einzelne Bereiche sich wie eine moderne Client-Anwendung verhalten. Wir zeigen, wie Hyvä als serverseitig gerenderte Basis mit gezielten Headless-Inseln kombiniert wird und wo diese Architektur an ihre Grenzen stößt.

Pair Programming mit Claude Code funktioniert nur, wenn Entwickler aktiv im Loop bleiben, statt Aufgaben blind zu delegieren. Dieser Artikel zeigt, wie man Vorschläge gezielt hinterfragt, die Richtung der Arbeit selbst bestimmt und erkennt, wann ein KI-Partner besser geeignet ist als ein menschlicher Kollege, und wann nicht.

Ein SEO-Briefing, das niemand liest, ist wertlos, egal wie gründlich die Keyword-Recherche dahinter war. Viele SEO-Teams produzieren Briefings mit zwanzig Punkten, mehreren Seiten Keyword-Listen und redundanten Anweisungen, die Autoren aus reiner Überforderung überfliegen statt sie umzusetzen. Dieser Artikel zeigt ein schlankes Briefing-Format, das sich auf die wirklich wichtigen Elemente konzentriert und dadurch tatsächlich in der täglichen Redaktionsarbeit ankommt.

Badges, die über eine Ecke ragen, Bildstapel mit Tiefeneffekt und versetzte Karten wirken erst dann hochwertig, wenn negative Margins, Inset-Utilities und Transform-Utilities gezielt zusammenspielen. Wer versteht, wie diese drei Werkzeuge sich unterscheiden und wo Stacking-Contexts zu unerwarteten Überlappungen führen, baut Overlap-Layouts, die auch bei responsiven Größenänderungen stabil bleiben.