Auto refresh a page in React.js

javascript reactjs service-worker background-sync
raksheetbhat picture raksheetbhat · Jan 3, 2018 · Viewed 18.6k times · Source

I need to continuously update/refresh my page to ensure that it is in sync with my server. Currently, I am using setInterval, but I read that serviceWorkers might solve my problem in a better way. Is it recommended to use serviceWorkers? (the background-sync seems like a good starting point.)

Or are there any other alternatives?

Answer

raksheetbhat picture raksheetbhat · Jun 7, 2018

After some research, WebSockets seem like the best bet to have a live refresh on a website. Websockets helps maintain an open two-way connection between the website and the server so that whenever there is an update on the server, the server can push the changes on to the website.

Related questions

What is service worker in react js

When creating a react app, service worker is invoked by default. Why service worker is used? What is the reason for default invoking?

Read More
Service Worker registration error: Unsupported MIME type ('text/html')

I'm using create-react-app with an express server. create-react-app has a pre-configured ServiceWorker that caches local assets (https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#making-a-progressive-web-app). The problem I encountered when I tried to publish on my …

Read More
What does registerServiceWorker do in React JS?

I'm a newbie in React and I was wondering what is the purpose of registerServiceWorker() in the following code? import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import registerServiceWorker from './registerServiceWorker'; ReactDOM.render(<…

Read More