11 · React / TypeScript
Formulare, Listen und Effects
Du prüfst Formulare und synchronisierst bewusst mit einer externen Browserfunktion.
← ProjekteDatenfluss
React / TypeScript · Lab
React Resilience Lab
Oberflächen bei Abbruch, Offlinebetrieb und Konflikten verständlich halten.
Quellcode verfügbarArchitektur und Datenfluss
- Absicht
- IndexedDB-Outbox
- optimistic projection
- HTTP
- bestätigter Zustand
Stabile Command-IDs verhindern doppelte Wirkung beim Replay. Versionskonflikte benötigen eine ausdrückliche Nutzerentscheidung.
Code und Nachweise
Die festen Quellverweise zeigen die Implementierung und vorhandene Testdateien. Startbefehle und dokumentierte Prüfgrenzen stehen im README derselben Codeversion. Der Website-Abgleich ist kein erneuter CI-Lauf sämtlicher Projekte.
- react-resilience-lab · incident-outbox.ts
- react-resilience-lab · command-executor.ts
- react-resilience-lab · create-app.ts
- react-resilience-lab · command-executor.test.ts
- react-resilience-lab · create-app.test.ts
- README · 306c7831
Lizenz: Apache-2.0 · Quellstand geprüft am 12.10.2026
Mit Tutorials vertiefen
14 · React / TypeScript
HTTP-Verträge und Laufzeitvalidierung
Du unterscheidest Transportfehler, HTTP-Fehler und ungültige Antwortdaten.
15 · React / TypeScript
Komponenten und Repositories sinnvoll testen
Du prüfst eine Benutzeraktion und erkennst, welche Fehler nur echte Datenbanktests finden.
17 · React / TypeScript
Persistente Optimistic UI, Replay und Konflikte
Du speicherst eine Absicht vor dem Senden und verhinderst doppelte Wirkung bei einer verlorenen Antwort.