DEV Community: Rinaldy

How to check update react PWA app

Rinaldy — Tue, 04 Apr 2023 13:21:31 +0000

first, open your file serviceWorkerRegistration

find this function

function registerValidSW(swUrl, config) {
  navigator.serviceWorker
    .register(swUrl)
    .then((registration) => {

and add this code below before registration.onupdatefound

// Check for updates at start.     
registration.update();     
// Check for updates every 5 min.      
setInterval(() => {        
registration.update();        
console.log("Checked for update...");      
}, (1000 * 60) * 5);

and then be

function registerValidSW(swUrl, config) {
  navigator.serviceWorker
    .register(swUrl)
    .then((registration) => {

      // Check for updates at start.     
      registration.update();     
      // Check for updates every 5 min.      
      setInterval(() => {        
        registration.update();        
        console.log("Checked for update...");      
      }, (1000 * 60) * 5);

second, and the last find if (config && config.onUpdate) {

add alert for check if will be update
alert("Update available! To update, close all windows and reopen");

code will be

alert("Update available! To update, close all windows and reopen");

// Execute callback
if (config && config.onUpdate) {
    config.onUpdate(registration);
}

run command below:

npm run build

run your app in server and to test its work or not,
then edit some code

run command

npm run build

then if has pop up alert show up

congratulations your react PWA app has been checked update.

How to add hours to datetime using javascript

Rinaldy — Tue, 04 Apr 2023 01:43:13 +0000

`let date_string = "2023-03-19 07:55:03";
let date_obj = new Date(date_string);

date_obj.setHours(date_obj.getHours() + 7);

let result = date_obj.toISOString().slice(0, 19).replace('T', ' ');

console.log(result); // output: "2023-03-19 14:55:03"
`

Dengan cara tersebut mengubah tanggal data string menjadi objek Date, kemudian menambahkan 7 jam ke objek tersebut dengan menggunakan cara setHours(). Setelah itu, objek tanggal diubah kembali menjadi string dengan format yang sama seperti awalnya menggunakan metode toISOString() dan dihapus karakter "T" pada string hasilnya. Akhirnya, tanggal dan waktu yang dihasilkan ditampilkan pada konsol.

test

Rinaldy — Sat, 09 Apr 2022 13:44:14 +0000