Mehrere Screens brauchen dieselben Serverdaten, und die werden ständig neu geladen. Wie würdest du damit umgehen?

Leg die Daten in eine cachende Schicht, nach Request gekeyt, statt in Komponenten-State. Eine Query-Library dedupliziert gleichzeitige Requests auf denselben Key, liefert gecachte Daten sofort aus und revalidiert im Hintergrund und gibt dir eine Stelle für die Invalidierung nach einer Mutation. Serverseitig sorgen Caching auf Request-Ebene plus Prefetching in der Route dafür, dass der Client die Daten oft schon hat, bevor die Komponente mountet.

Die Ursache ist meist, dass die Daten wie Komponenten-State behandelt werden, jeder Screen besitzt also seine eigene Kopie und seinen eigenen Fetch. Ich verschiebe das in einen Query-Cache, gekeyt nach etwas Sinnvollem, etwa Ressourcenname plus ID. Sobald es gekeyt ist, erzeugen drei Komponenten, die in einem Render-Durchgang dasselbe anfragen, genau einen Netzwerk-Request, und der zweite Screen malt sofort aus dem Cache, während im Hintergrund leise revalidiert wird. Die Stale Time setze ich pro Ressource statt global, denn ein Userprofil darf minutenlang veraltet sein, ein Live-Bestellstatus nicht. Mutations invalidieren dann gezielte Keys statt alles, und ich halte die Key-Builder in einem Modul, damit niemand einen leicht abweichenden Key erfindet und den Cache leise zerlegt. Wenn das Framework es unterstützt, prefetche ich in der Route oder hole auf dem Server, damit die Daten schon unterwegs sind, bevor die Komponente mountet, und genau das entfernt den Waterfall wirklich, statt ihn hinter einem Spinner zu verstecken.