Vesuvio-hooks NPM

vesuvio-hooks

vesuvio-hooks is a React Hook library for dealing with session and local storage

Installation

Use the package manager npm to install vesuvio-hooks.

npm i vesuvio-hooks

Usage

`useDebounceStorage(key , defaultValue , storage?, delay?)`

import { StorageType, useDebounceStorage } from 'vesuvio-hooks';

export const Exemple = ()=>{

  const [value , setValue] = useDebounceStorage("value","default",StorageType.local,200);

  return (
      <div>
        <input onChange={(e)=>setValue(e.target.value)}/>
        <br/>
        {value}
      </div>
  );
}

`useStorage(key , defaultValue , storage?)`

import { useStorage } from 'vesuvio-hooks';

export const Exemple = ()=>{

  const [value , setValue] = useStorage("value","");

  return (
      <div>
        <input onChange={(e)=>setValue(e.target.value)}/>
        <br/>
        {value}
      </div>
  );
}

`useDebounce(value , delay?)`

import React from 'react';
import { useDebounce } from 'vesuvio-hooks';

export const Exemple = ()=>{

  const [value , setValue] = React.useState('');
  const debouncedValue  = useDebounce(value);

  return (
      <div>
        <input onChange={(e)=>setValue(e.target.value)}/>
        <br/>
        {debouncedValue}
      </div>
  );
}