reactive-localstorage

reactive-localstorage

A reactive localStorage with no dependency

Install

yarn add reactive-localstorage

npm i -S reactive-localstorage

Features

• inject window.localStorage
• Emit changes from same window
• Emit external changes

Usage

Changes from reactive-localstorage or other pages will be emitted as events

import localStorage from 'reactive-localstorage';

localStorage.on('change', (key, value) => {
  console.log(`key ${key} changed to ${value}`);
});

localStorage.setItem('foo', 'bar');

// print key foo changed to bar

It also works with window.localStorage

window.localStorage.setItem('foo', 'alice');

// print key foo changed to alice

You can also trigger changes manually, especially when you have other sources that manage localStorage.

localStorage.feed('foo', 'bob');

// print key foo changed to bob

Related Projects

• mobx-localstorage
• rx-localstorage

Changelog

[1.0.0] - 2020-07-17

Added

• export localStorage and sessionStorage
• inject handlers on demand

Fixed

• fix wrong behavior of clear()
• calling getItem on native Storage sets null as string