Seite 17 - Monthly Archives: April 2026

Wer GraphQL-APIs nur mit End-to-End-Tests absichert, bekommt eine langsame, brüchige Testsuite. Wer nur Unit-Tests schreibt, übersieht Fehler in der Schema-Komposition. Eine durchdachte GraphQL Testing Pyramide verteilt Testaufwand gezielt über Resolver-Ebene, Schema-Ebene und echte Nutzerflüsse, mit klaren Kriterien, welche Ebene welche Fehlerklasse abdeckt.

Tailwind CSS v4 ist keine inkrementelle Verbesserung, sondern eine komplette Neuarchitektur. Die Oxide-Engine ersetzt den Node.js-basierten Build-Prozess durch eine Rust-native Implementierung, @theme ersetzt tailwind.config.js und der CSS-First-Ansatz verändert grundlegend, wie Tailwind konfiguriert wird.

Ein Magento-Modul verteilt sich typischerweise über Dutzende Dateien in tief verschachtelten Verzeichnissen: di.xml, Plugin-Klassen, Observer, Blöcke und Templates. PhpStorms Bookmarks für einzelne Zeilen und Favorites für ganze Dateien und Ordner machen aus diesem Geflecht eine navigierbare Struktur, wenn man sie systematisch statt zufällig einsetzt.

Eine Pricing-Table ist meist der Moment, in dem sich Interesse in eine Kaufentscheidung verwandelt, entsprechend viel Sorgfalt verdient ihre Gestaltung. Zwischen hervorgehobenem Empfehlungstarif, konsistent gestylten Feature-Checkmarks und einem funktionierenden Monats-Jahres-Toggle steckt mehr Detailarbeit, als die meisten fertigen Pricing-Table-Vorlagen vermuten lassen.

Sobald eine Anwendung bewusst einen neuen Tab öffnet, etwa für einen externen Zahlungsdienstleister wie PayPal, oder Zustand über mehrere gleichzeitig geöffnete Fenster hinweg synchron halten muss, reicht das klassische, auf ein einzelnes Fenster beschränkte E2E-Testmodell nicht mehr aus. Cross-Tab- und Multi-Window-Testing verlangt ein bewusstes, explizites Modell mehrerer, gleichzeitig aktiver Browser-Kontexte, das in Playwright deutlich natürlicher unterstützt wird als in Cypress, wo dieselbe Aufgabe historisch nur mit erheblichen Workarounds lösbar war.

Normales HTTPS vertraut dem gesamten Trust Store des Betriebssystems, und genau das wird bei rogue CAs, Corporate-Proxies und Tools wie mitmproxy zum Einfallstor. SSL Pinning verankert Zertifikat oder Public Key fest in der App und macht abgefangenen Traffic für Angreifer wertlos, wenn Certificate Pinning und Public Key Pinning für iOS und Android sauber implementiert, getestet und mit einer Rollover-Strategie versehen sind.

React Native Windows und React Native macOS docken als Microsoft-gepflegte Out-of-Tree-Plattformen über TurboModules und Fabric an React Native Core an. Dieser Artikel zeigt Architektur, Reifegrad und eine ehrliche Entscheidungshilfe, wann sich der zusätzliche Plattform-Support lohnt.

Datenvisualisierungen in Vue 3 werden oft als Blackbox eingebunden – die Chart-Library übernimmt den Canvas-DOM und Vue verliert den Überblick. Mit dem richtigen Composable-Pattern bleiben Charts reaktiv, werden korrekt zerstört, unterstützen Screenreader durch ARIA-Alternativtexte und laden per defineAsyncComponent erst dann, wenn sie tatsächlich sichtbar sind.

Wer React-Native-Screens ausschließlich mit StyleSheet.create baut, schreibt für jede Komponente ein eigenes Style-Objekt und verliert dabei die Konsistenz eines gemeinsamen Design-Systems. NativeWind überträgt das Utility-First-Prinzip von Tailwind CSS direkt auf React Native und ersetzt verstreute Style-Objekte durch dieselben className-Strings, die Web-Teams bereits aus Tailwind kennen.

Ein EXPLAIN-Plan zeigt, wie eine Datenbank eine Abfrage tatsaechlich ausfuehrt, welche Indizes sie nutzt, in welcher Reihenfolge sie Tabellen verbindet und wie teuer jeder Schritt geschaetzt wird. Wer diesen Ausfuehrungsplan lesen kann, findet Performance-Probleme in Minuten statt durch Raten, und zwar unabhaengig davon, ob die Abfrage gegen MySQL, PostgreSQL oder SQL Server laeuft.