I am starting to use react-query for querying my backend. Now, every time I update the backend data (using some admin panel), the GUI (react) shows me immediately the new data. How does react frontend know if the backend data has changed?
Sorry guys, found the issue. If I go to admin panel to update data, and go to the react WINDOW again, it auto refetches
Related
I am making a react SPA application, atm I'm using fetch every time page loads, I would like to know if it's better to store such data(for example: user data) in Local Storage and if yes, what if some data in the backend DB changes?
Sorry if there are similar questions, I just couldn't find them,
Thanks
Store user data after fetching from server in local storage is good solution that I have used before.
Use React-Query
For update user data after that updated in DB I recommend using a swr approach packages like react-query which sync your local data with server immediately.
In my react app, I'm accessing a postgres db through a backend API, and updating a table in frontend. But the data in the database can be changed. Based on the change I need to update the frontend Table as well. So here, what is the correct way to get those change from db?
Actually i'm looking for a correct way of Long polling between the react app and the back-end.
Can you guys help me find a solution for this problem:
Think Facebook, when another use gives me a "like" a get a notification immediately without the need for me to refresh the page.
How do I implement this using React Redux, how do I update the store based on data coming from my API, how can I detected changes coming from my API?
I am currently working on a MERN stack application with a React Redux front end. It is an job management system with a calendar showing booked in jobs/events.
I have a question regarding best practices around making API calls and loading data into my app. The database is small scale at the moment so a small amount of data is loaded into my Redux store.
When is best to make GET requests to load my data into my app and handle changes made by other clients? Do I load all data on each page load? Is there a cleaner/more efficient way to do this?
Any help/guidance is much appreciated, thank you
From my personal experience, I believe that if your application will be accessed by different users simultaneously, you could GET the calendar data when a user first accesses his calendar and whenever the user is going to add a new job/event. This way he has access to the latest data before creating a new event. Also when creating an event, if the API returns an error because there is a collision between events you can update the data on the FE. This would be a lazy approach and it wouldn't keep the calendar constantly updated.
If you need data to be fresh you could also set a timer and execute GETs periodically.
Workflow
User login to the app
He will see a list of item fetched using queries(Works fine)
Now, he will add an item in another page(adding using normal POST call, not using graphQL)
When he comes to the listing page, the new entry will not be there :(
How to solve this? I understood, apollo is maintaining a cache. So, it doesn't make any request.
I want to force refetch the data from the server every time I load the listing page.
How can this be done?