js-localstorage-change-detector

1.0.3 • Public • Published

js-localstorage-change-detector

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>;
};

Package Sidebar

Install

npm i js-localstorage-change-detector

Weekly Downloads

115

Version

1.0.3

License

MIT

Unpacked Size

7.15 kB

Total Files

7

Last publish

Collaborators

  • ashwinkumar0505