typehooks

TypeHooks

TypeScript React Hooks Package

Installation

npm

  npm i typehooks

useLocalStorage

• Includes Storage Event Listener, If Data Is Being Updated In One Window It Will Be Updated On All Other Windows

Param	Type	Example
name	string	Username

Example

import TypeHooks from  "typehooks";
import React from  "react";

interface  IProps  {}
type MyType = string;

const  Example:  React.FC<IProps>  =  ({})  =>  {
const { value,  setValue } = TypeHooks.useLocalStorage<MyType>("name");

     function update(){
      setValue('' as T) // inserted type, in my case string | MyType
    }

return  <div>
       {value}
  </div>;

};
export  default Example;

usePrevious

• Will Keep The Previous & Current Value In A State

Param	Type	Example
value	<T> / <undefined>	MyValue

Example

import TypeHooks from  "typehooks";
import React from  "react";

interface  IProps  {}
type MyType = boolean;

const  Example:  React.FC<IProps>  =  ({})  =>  {
const  { setValue,  value, prev } = TypeHooks.usePrevious<MyType>(false)
      function update(){
        setValue('' as T) // Inserted Type, In This Case boolean | MyType
    }
return  <div>
       {prev} - {value}
  </div>;

};
export  default Example;

useToggle

• Simple Boolean Toggle

Param	Type	Example
defaultVal	<boolean> / <undefined>	false

Example

import TypeHooks from "typehooks";
import React from "react";

interface IProps {}

const Example: React.FC<IProps> = ({}) => {
  const { toggle, value } = TypeHooks.useToggle(false);
  function update() {
    toggle(); // opposite of the current value
    toggle(false | true); // can take bool param too
  }
  return <div>{value}</div>;
};
export default Example;