A javascript library which watches all keys or particular keys in the local storage . If it detects any change in the keys , It will execute the callback in the local tab specified by us

Install

1.Using CDN. include the following cdn in the script tag in the HTML.


<html>
 <head>
  <script src="https://raw.githack.com/ashwinKumar0505/js-localstorage-change-detector/master/index.js" type="text/javascript"></script>
 </head>
 <body>
 </body>
</html>

2.Using npm to install the package

npm install --save js-localstorage-change-detector

import lsChangeDetector from 'js-localstorage-change-detector';

const App = () => {
  lsChangeDetector.addChangeListener('onChange', null, () => {
    console.log('hai');
  });
  return <div></div>;
};

Basic Usage

1.To make the lsChangeDetector to watch all the keys and execute a call back if any of the keys changed.

import lsChangeDetector from 'js-localstorage-change-detector';

const App = () => {
  lsChangeDetector.addChangeListener('onChange', null, () => {
    console.log('hai');
  });
  return <div></div>;
};

2.To make the lsChangeDetector to watch a single key and execute a call back if that key is alone changed.

import lsChangeDetector from 'js-localstorage-change-detector';

const App = () => {
  lsChangeDetector.addChangeListener('onChange', 'userName', () => {
    console.log('hai');
  });
  return <div></div>;
};

3.To make the lsChangeDetector to watch particular number of keys and execute a callback if any of those keys changes.

import lsChangeDetector from 'js-localstorage-change-detector';

const App = () => {
  lsChangeDetector.addChangeListener('onChange', ['userName', 'email'], () => {
    console.log('hai');
  });
  return <div></div>;
};

Keywords

local-storage

cross-tab-changes

local-tab-changes

FAQs

What is js-localstorage-change-detector?

Is js-localstorage-change-detector popular?

Is js-localstorage-change-detector well maintained?

Package last updated on 24 Jan 2020

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install