Seite 345 - Mironsoft Blog

Kaum ein Konzept in JavaScript sorgt so häufig für Verwirrung wie die this-Bindung. Eine Methode funktioniert im direkten Aufruf einwandfrei und liefert als Callback plötzlich undefined. Dieser Artikel zeigt, wo die this-Bindung typischerweise kippt, wie man es systematisch debuggt und welche Lösung in welcher Situation wirklich passt.

Tailwind CSS und Bootstrap 5 verfolgen fundamental unterschiedliche Philosophien. Welches passt zu eurem Projekt, Team und Wartungsaufwand? Dieser Vergleich zeigt die echten Unterschiede – ohne Marketing, mit konkreten Code-Gegenüberstellungen.

Wer document.querySelector Ergebnisse pauschal mit as any oder as HTMLInputElement erzwingt, verliert genau die Typsicherheit, die TypeScript eigentlich verspricht. Dieser Artikel zeigt, wie DOM-Elemente, Events, Formulare und Custom-Data-Attribute mit den eingebauten lib.dom.d.ts Typen, echten Null-Prüfungen, sauberen Type Guards und typisierten Event-Listenern korrekt abgesichert werden, damit der Compiler echte Fehler findet statt sie mit any zu verstecken.

Ein Formular-Fehler, eine neue Toast-Nachricht oder ein aktualisierter Warenkorb-Zähler bleiben für Screenreader-Nutzer unsichtbar, solange React den DOM nur visuell aktualisiert. Eine ARIA Live Region schließt diese Lücke, indem sie Änderungen aktiv ankündigt, ohne den Tastaturfokus zu verschieben oder laufende Eingaben zu unterbrechen.

Solange der Tailwind-Production-Build manuell über bin/npm run build auf dem Rechner eines einzelnen Entwicklers läuft, hängt das Ergebnis von lokal installierten Node-Versionen, vergessenen Zwischenständen und der Tagesform der jeweiligen Person ab. Dieser Artikel zeigt, wie sich der Build als eigene, reproduzierbare CI-Stage einrichten lässt, wie ein Build-Cache Pipeline-Läufe spürbar beschleunigt und wie sich fehlerhafte Tailwind-Klassen bereits vor dem Deployment automatisiert erkennen lassen.

Image Scanning prüft jede Ebene eines Docker-Images gegen Datenbanken bekannter Schwachstellen, bevor ein Container überhaupt startet. Trivy und Grype sind die beiden am weitesten verbreiteten Open-Source-Scanner dafür, unterscheiden sich aber in Datenbankquellen, Geschwindigkeit und Zusatzfunktionen wie SBOM-Erzeugung und IaC-Prüfung deutlich genug, um die Wahl bewusst zu treffen.

Die Wahl der richtigen Vue 3-Komponentenbibliothek entscheidet über Accessibility, Bundle-Größe und wie viel Design-Kontrolle das Team behält. Headless UI, Radix Vue, shadcn/vue, PrimeVue und Naive UI verfolgen grundlegend verschiedene Philosophien – dieser Artikel zeigt, welche für welchen Kontext die richtige ist.

Wenn die Schreibseite eines Systems in einem Event Store lebt, muss die Leseseite nicht dasselbe Datenmodell verwenden. GraphQL und Event Sourcing passen erstaunlich gut zusammen, weil GraphQL-Queries genau das leisten, was CQRS-Lesemodelle brauchen, flexible, projektionsbasierte Abfragen ohne den Event-Strom selbst zu berühren.

Responsive Typographie, adaptive Abstände und flüssige Layouts ohne einen einzigen Breakpoint — das ist das Versprechen von CSS calc(), min(), max() und clamp(). Wer diese vier Funktionen und ihre Verschachtelung beherrscht, schreibt wartbarere Stylesheets mit weniger Code und weniger Browser-Streitigkeiten zwischen Pixel und Viewport.

Ein System Design Review mit Claude ersetzt keinen erfahrenen Architekten, aber es deckt blinde Flecken auf, bevor eine Entscheidung in Code gegossen wird. Wer Architekturdokumente, Skalierbarkeitsfragen und Tradeoffs systematisch mit Claude durchgeht, findet Schwachstellen früher und dokumentiert Entscheidungen nachvollziehbarer als in einem informellen Meeting.