@reactutils/use-local-storage
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

@reactutils/use-local-storage

NPM NPM

A custom hook that provides a simple interface to the browser's local storage.

Store a key-value pair in the browser's local storage. The value will persist even after the browser is closed. Since the local storage API isn't available in server-rendering environments, we check that typeof window !== "undefined" to make SSR and SSG work properly.

Installation

npm install @reactutils/use-local-storage

# or

yarn add @reactutils/use-local-storage

Usage

 function App() {
   // Similar to useState but first arg is key, and the second is the default value.
   const [name, setName] = useLocalStorage<string>("name", "Bob");
   
   return (
     <div>
       <input
         type="text"
         placeholder="Enter your name"
         value={name}
         onChange={(e) => setName(e.target.value)}
       />
     </div>
   );
 }

Package Sidebar

Install

npm i @reactutils/use-local-storage

Weekly Downloads

2

Version

1.0.0

License

MIT

Unpacked Size

3.57 kB

Total Files

6

Last publish

Collaborators

  • sepehr09