Tracktor React Utils

A React utils library

• Installation
• Usage
• Hook
• Utils
• Convention

Installation

yarn add @tracktor/react-utils

Usage

import { useInputState } from "@tracktor/react-utils";

const App = () => {
  const [value, onChange] = useInputState("");

  return (<input type="text" value={value} onChange={onChange}/>);
}

Hook

useLocalStorage()
useIsMounted()
useIntersectionObserver()
useDebounce()
useToggle()
useScript()
useInputState()
useIsomorphicLayoutEffect()
useDocumentTitle()
useWindowSize()
useEventListener()
useInView()

Utils

isArray()
isObject()
isRef()
isBoolean()
isNumber()
isString()
isFunction()
removeObjectProperty()
capitalize()
capitalizeWords()
isDeepEqualObject()
toNumberOrZero()

Adapter

addressToString()
formatCreditCardNumber()
getInitials()
priceAdapter()
phoneNumberAdapter()

Convention

• Airbnb JavaScript Style Guide
• Versioning
• Conventional Commits