How to fetch API data every minute and store it into a file with React?

Question

I am using React and fetching data from an API which has a limit of 50 calls per minute and my app is consuming most of them when load the page that displays that data because it is organized in a table and each line is an HTTP request to the API (see screenshot):

Obviously the problem is that when the user refreshes within 1 minute most of the data doesn't load and the console is flooded with cors error.

I thought to write a node.js script that fetches the data every minute and write it into a file so the front end can use it without issues but how would I do it without writing a backend script?

How can I write every minute into a file to store the fetched API data without incurring into the problem that each time the user refreshes the page the 1 minute timer resets?

Arman Omidi · Accepted Answer · 2021-08-11 09:55:48Z

1

for this problem, you can use the useInterval hook and give it time to repeat the fetching operation in the specified duration. You can find the hook in the link below.

https://overreacted.io/making-setinterval-declarative-with-react-hooks/

answered Aug 11, 2021 at 9:55

Arman Omidi

1433 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andrea D_ Over a year ago

That is good, but the thing is that even with using useInterval and write the API data into a json file, if the user refreshes the page within 60 seconds, the setInterval restarts from zero and it will attempt to rewrite again into json but it will not write anything because the 60 seconds have not passed and the API returns cors error.

Collectives™ on Stack Overflow

How to fetch API data every minute and store it into a file with React?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related