1.0.2 • Published 1 year ago

browser_storage_hook_react v1.0.2

Weekly downloads
-
License
ISC
Repository
github
Last release
1 year ago

Browser Storage Hook React

This is a React hook that allows you to use the browser storage API in a simple way.

Installation

Use the package manager npm/yarn to install the package.((please read the documentation first))

npm i browser_storage_hook_react
yarn add browser_storage_hook_react

https://user-images.githubusercontent.com/83487057/203020447-75919272-9e3d-4abd-afc9-cd3908d39a50.mov

Importing

import { useLocalStorage, useSessionStorage, useCookie, setCookie, getCookie } from 'browser_storage_hook_react';

How to use it

Local Storage

const [value, setValue] = useLocalStorage('key', 'defaultValue');

Session Storage

const [value, setValue] = useSessionStorage('key', 'defaultValue');

Cookie

const [value, setValue] = useCookie('key', 'defaultValue', expiry);

Manually set and get cookie

const value = getCookie('key');
setCookie('key', 'value', expiry);

Local Storage and Session Storage

Here value is the value stored in the browser storage ,
and setValue is the function to set the value in the browser storage.

Cookie

Here value is the value stored in the cookie ,
and setCookie is the function to set the value in the cookie.
NameTypeDescription
keystringThe key of the value to be stored
valuestringThe value to be stored
defaultValuestringThe default value to be stored
expirynumberThe expiry time of the cookie

License

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

Author

Contributing

  • Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
  • Please make sure to update tests as appropriate.