What's the Best way to Reduce Mobile Data Usage in React and React-Native Apps – React native

Data usage really matters for my targeted users. So, I am looking for an APPROACH that’ll help me reduce the number of data fetching during react rerender cycles in React and React-native App.

Let’s say I have a page that renders all the Items fetched from an API. Since the API’s data can be updated at anytime, I am obliged to re-call the API whenever the user displays this page.

IS THERE ANY WAY FOR ME TO KNOW THAT THE DATA HAS BEEN UPDATED WITHOUT BEING OBIGED TO RECALL THE API?? Because I think that the less HTTP requests I send the less mobile data I consume (Maybe I am wrong… I don’t know)

I thought of implementing a solution with Redux and Socket.io :
I wanted to prepare an event called data-updated that will be managed by socket.io and whenever one of the users performs an action that updates the item lits (The API data), the data-updated event will be triggered and all the connected users will be notified. Then in the data-updated event handler I will update the item list state slice in the redux store.

My worry is that since socke.io keeps the connection between users and the server alive during the whole session, Won’t this approach consume even more Mobile data than recalling the server at any rendering??