How to update a react component with deltas from an api
I have a react application (powered by Next.js, and implemented in TypeScript) that includes an api-backed data set in one component. That component’s api data can be cached indefinitely since it is readonly a data set, which should never change on the server. There’s a lot of good examples for how to do exactly this on the web, along with more elaborate full-on CRUD applications. These applications maintain a set of data on both the server and client, keeping them in sync between the two. That work’s fine for apps that should render the full data set form the server. I’ve also seen examples for paginating when the server data set is large.