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;