React useLocalStorage

• It is an custom hook for browser localstorage management.
• For the same localstorage key It is consistent across the component (synchronize values between components).
• serializer (JSON.stringify)
• deserializer (JSON.parse)

Demo

https://codesandbox.io/s/react-localstorage-hook-yfj5f

Installation

Add react-localstorage-hook dependency

yarn add react-localstorage-hook
npm install react-localstorage-hook --save

Usage

import useLocalStorage from 'react-localstorage-hook'

const [values, setValue] = useLocalStorage(key, initialValue)

Options

Name	Type	Default	Required	Description
key	String	null	true	The key that will be used when calling localStorage.setItem(key)and localStorage.getItem(key)
initialValue	any	''	false	The initial value of the data.

License

This project is licensed under the MIT License - see the LICENCE.md file for details