3.2.1 • Published 5 years ago

use-localstorage-tmp v3.2.1

Weekly downloads
7
License
-
Repository
github
Last release
5 years ago

@rooks/use-localstorage

Localstorage hook for React. Syncs with localstorage values across components and browser windows automatically.

Build Status npm.io npm.io npm.io npm.io

Sets and retrieves a key from localStorage and subscribes to it for updates across windows.

Installation

npm install --save @rooks/use-localstorage

Importing the hook

import useLocalstorage from "@rooks/use-localstorage";

Usage

function Demo() {
  const [value, set, remove] = useLocalstorage("my-value", 0);
  return (
    <p>
      Value is {value}
      <button onClick={() => set(value !== null ? value + 1 : 0)}>
        Increment
      </button>
      <button onClick={remove}>Remove </button>
    </p>
  );
}

render(<Demo />);