React: Anleitungen und Praxiswissen | Seite 14 | mironsoft Blog
React
-
14.02.2025
React Server Components sind kein neues Rendering-Modell – sie sind ein fundamentaler Paradigmenwechsel. Das Denken in Client-only-Komponenten funktioniert nicht mehr. Wer RSC wirklich versteht, baut Apps, die weniger JavaScript ausliefern, schneller laden und Datenbankzugriffe direkt in Komponenten kapseln können.
-
07.02.2025
Reacts useOptimistic-Hook löst einen einzelnen, lokalen Anwendungsfall elegant, scheitert aber an verschachtelten Listen, parallelen Mutationen und Race Conditions über mehrere Komponenten hinweg. Dieser Artikel zeigt, wie Optimistic Updates mit TanStack Query Mutations, Snapshot-basiertem Rollback und expliziter Query-Cancellation in echten Anwendungen robust werden.
-
04.02.2025
Der React Warenkorb ist die Komponente, bei der Kunden am empfindlichsten auf Inkonsistenzen reagieren. Optimistische Updates lassen die UI sofort reagieren, während im Hintergrund die tatsächliche Synchronisation mit dem Magento Backend läuft, inklusive sauberer Konflikt-Auflösung und Multi-Tab-Abgleich.
-
31.01.2025
Die Frage React Native gegen PWA lässt sich nicht pauschal beantworten, sondern hängt von konkreten Produktanforderungen ab: App-Store-Sichtbarkeit, Zugriff auf native Hardware, Offline-Verhalten und verfügbares Budget. Dieser Artikel liefert eine strukturierte Entscheidungsgrundlage mit echten technischen Grenzen statt Marketing-Versprechen.
-
29.01.2025
Realistisches Code-Sharing zwischen React Web und React Native bedeutet nicht, dieselben Komponenten überall zu verwenden, sondern gezielt zu trennen, was plattformunabhängig ist, von dem, was es nicht sein kann. Business-Logik, Typen, API-Clients und Validierung lassen sich sauber teilen, Oberflächenkomponenten meist nicht. Dieser Artikel zeigt eine funktionierende Monorepo-Struktur mit echten Beispielen.
-
29.01.2025
Meine App verhält sich im Development-Modus seltsam, im Production läuft sie einwandfrei" – dieser Satz ist ein Warnsignal, kein Entwarnung. React Strict Mode macht Bugs sichtbar, die in Production irgendwann auftreten werden. Das Doppelt-Ausführen ist kein Bug, sondern eine präzise Diagnosestrategie.
-
26.01.2025
Redux Toolkit hat klassisches Redux mit seinen endlosen Switch Statements und Action Type Konstanten weitgehend abgelöst. Mit createSlice, RTK Query und Entity Adapter lässt sich globaler State in React Anwendungen mit deutlich weniger Code, dafür mit mehr Typsicherheit und eingebautem Server State Caching abbilden.
-
24.01.2025
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.
-
18.01.2025
Lange Listen mit Nachladen beim Scrollen sind eine der häufigsten UI-Anforderungen, aber naive Implementierungen scheitern regelmäßig an Duplikaten, Speicherverbrauch und inkonsistenter Scroll-Position. TanStack Querys Infinite Query löst diese Probleme mit einer klaren Seiten-Struktur, cursorbasierter Navigation und lässt sich mit Virtualisierung kombinieren, um auch zehntausende Einträge flüssig darzustellen.
-
09.01.2025
useEffect laeuft nach dem Paint, useLayoutEffect synchron davor. Ein winziger Timing-Unterschied auf dem Papier, der in der Praxis entscheidet, ob eine DOM-Messung fuer einen Tooltip oder eine Scroll-Position sichtbar flackert oder nicht.