Seite 9 - Monthly Archives: March 2025

Hardcodierte Farbwerte, die an zwanzig Stellen geändert werden müssen — das ist das Symptom eines fehlenden Theming-Systems. CSS Custom Properties schaffen die Grundlage für wartbare Design-Systeme: ein Ort für jeden Wert, kaskadierendes Überschreiben auf Komponentenebene und Dark Mode ohne eine Zeile JavaScript.

Werbung in eine React-Native-App zu integrieren bedeutet mehr als ein SDK einzubinden. AdMob liefert mit react-native-google-mobile-ads Banner-, Interstitial- und Rewarded-Ad-Formate, doch erst eine durchdachte Ladelogik, sauberes Consent Management und eine passende Mediation-Konfiguration entscheiden darüber, ob Werbeeinnahmen stabil fließen oder das App-Erlebnis und die Store-Freigabe gefährden.

Composables mocken ist in Vue-Tests komplizierter als es zunächst wirkt, weil Composables oft globalen Zustand, Netzwerkzugriffe und reaktive Nebenwirkungen kombinieren. Mit vi.mock, gezielter Dependency Injection und provide/inject als Testing-Seam lassen sich Komponenten trotzdem zuverlässig isoliert testen, ohne echte Composable-Implementierungen mitzuschleppen.

Synthetische Tests zeigen nur eine simulierte Momentaufnahme, doch echte Kunden erleben Magento und Hyvä Shops auf unterschiedlichsten Geräten, Netzwerken und Verbindungsqualitäten. Dieser Artikel zeigt technisch fundiert, wie man die web-vitals Bibliothek integriert, Messwerte effizient per sendBeacon überträgt, bei hohem Traffic sinnvoll sampelt, ein minimales Ingestion Backend baut und dabei durchgehend datenschutzkonform bleibt.

Ohne Mocking blockiert ein nicht fertiger Backend-Endpoint die gesamte Frontend-Entwicklung. GraphQL-Mocking auf Schema-Ebene macht Frontend-Teams unabhängig, ermöglicht Fehlerszenario-Tests und beschleunigt den Entwicklungszyklus erheblich.

Ein Test, der manchmal besteht und manchmal nicht, ist schlimmer als gar kein Test. Er untergräbt das Vertrauen in die gesamte Testsuite, erzwingt manuelle Re-Runs und versteckt echte Regressionen hinter rauschen. Flaky Tests entstehen aus spezifischen Ursachen – und alle lassen sich dauerhaft beheben.

Eine öffentliche API ohne Rate Limiting ist eine offene Einladung für Abuse. Token-Bucket- und Sliding-Window-Algorithmen begrenzen die Anfragelast pro Client, API-Keys ermöglichen differenzierte Limits und Abuse-Prevention-Patterns erkennen und blockieren missbräuchliches Verhalten – bevor es die Infrastruktur trifft.

Git Hooks sind Skripte, die Git automatisch bei bestimmten Ereignissen wie Commit, Push oder Merge ausführt, lokal im Verzeichnis .git/hooks und serverseitig im blanken Repository. Dieser Artikel zeigt, wie sich Client und Server Hooks unterscheiden, wie ein pre-commit Hook Schritt für Schritt entsteht, wie Git Exit Codes interpretiert und wie core.hooksPath Hooks endlich teamweit versionierbar macht.

Ein Vue Produktkonfigurator für konfigurierbare Magento Produkte muss Attribute, Varianten, Preis und Verfügbarkeit synchron halten, ohne bei jeder Auswahl einen kompletten Seitenreload auszulösen. Mit der richtigen Datenstruktur gelingt das mit einer einzigen initialen Ladeanfrage.

Dense-Vector-Suche verlangt ein Embedding-Modell, eine Inferenz-Pipeline und meist eine eigene GPU-Infrastruktur, bevor die erste semantische Anfrage überhaupt beantwortet werden kann. Für viele Teams ist genau diese Hürde der Grund, semantische Suche trotz ihrer Vorteile links liegen zu lassen. ELSER, kurz für Elastic Learned Sparse EncodeR, verfolgt einen anderen Ansatz: Statt Text in einen dichten Vektor aus mehreren hundert Zahlen umzuwandeln, erzeugt das Modell eine gewichtete Liste relevanter Terme, vergleichbar mit einer automatisch erweiterten und gewichteten Wortliste. Das Ergebnis lässt sich mit denselben invertierten Indexstrukturen durchsuchen, die Elasticsearch ohnehin für klassische Textsuche verwendet. Dieser Artikel zeigt, wie ELSER technisch funktioniert, wo Sparse Vectors sich von Dense Vectors unterscheiden und wie der praktische Einsatz für Produktsuche ohne eigene Machine-Learning-Infrastruktur aussieht.