React / Flux - fetch all data after every update/add/remove
<p>I'm learning React and Flux and there's something that bothers me about all the examples I've seen so far.
They all are pretty much a CRUD UI.
In them, they always fetch all the data after every change (update/add/delete etc.)
So let's say, we have a todo app, and the user added a new todo item.
In a response, the store will get an action, call some API in the server to add the item and then fetch all the items again.
Isn't that expensive?
I understand why it makes things simpler which is good. But, why not add the item to the store's state. I understand this makes it so you always have the keep the store and the data in the server synced like that but it's not as expensive.</p>

<p>One solution I saw was pagination but in the example they would still get all the items for the new page every time a user changes it.</p>

<ol>
<li>Why always fetch all the data?</li>
<li>If we use pagination - would we get the new page from the server every time a user changes pages?</li>
</ol>