Ophalen/behouden gegevens in React/Vue icm. Redux/Vuex store

[TheNephilim]

Misschien hebben developers hier eens gewerkt met iets als Vue of React en daarbij stores (Redux of Vuex) gebruikt. Mijn vraag heeft betrekking tot het ophalen en bewaren van gegevens in een store. Ik heb wat voorbeelden bekeken, maar het ontbreekt me een beetje aan de redenaties hierachter.

Alle gegevens ophalen bij openen webapplicatie of als je ze nodig hebt?
Dat zal sterk afhankelijk zijn van de grootte van de dataset en hoe de dataset er uit ziet, maar ik ben benieuwd naar de inzichten die jullie misschien kunnen geven.

Hoeveel kun je eigenlijk kwijt in die stores en hoe om te gaan met pagination van de API die je consumed?
Hoeveel gegevens kun je kwijt in zo'n store? Ik kan me voorstellen dat je bij gebruik op een smartphone de store niet vol kunt gooien met tienduizenden records. Of vul je de store met records die weergegeven worden en verder niet?

Normaliseren jullie data die uit je API komt om goed met stores om te kunnen gaan?
Zie bijv. het principe in de hier; https://github.com/paularmstrong/normalizr, waarbij relaties teruggebracht worden naar eigen entities en met hun identifier aangesproken worden.

[WernerL]

Wat je in die store op wil slaan is de state van je applicatie. Als je 10000 records daarin wil knallen ben je vooral geheugen aan het volrammen. Ik zie daar het nut niet van in eerlijk gezegd. Als je 100 items per pagina laat zien hoeven er niet meer dan 100 items in die store te staan. Zodra de gebruiker van pagina wisselt haal je de nieuwe set van 100 op en vervang je de oude set met de nieuwe.