@coloration/use-react v0.0.1-alpha.4

@coloration/use-react

One extension library of basic hooks

Startup

$ npm install @coloration/use-react -S

import { useClassName } from '@coloration/use-react'

export type HTMLElementProps<T> = DetailedHTMLProps<HTMLAttributes<T>, T>
export interface ButtonProps extends HTMLElementProps<HTMLButtonElement> {}

export function Button ({ className, ...restProps }: ButtonProps) {
  const [newClassName] = useClassName('my-button', className)

  return <button className={newClassName} {...restProps} />
}

All Hooks

• i18n
  • I18nLanguages<enum>
  • I18nLocales<type>
  • I18nProps<interface>
  • I18nContext<React.Context<I18nProps>>
  • I18nProvider<React.FC>
  • useLocale<Function>
  • useLang<Function>
  • useTranslation<Function>
• useLocalStorage<Function>
• useLocationQuery<Function>
• createStore<Function: Function>
• useClassName<Function>
• useDebounce
  • useDebounceCallback<Function>
  • useDebounce<Function>
• useDocumentTitle<Function>
• useEventListener<Function>
• useInvoke<Function>
• useOnceState<Function>
• useScrollDraggable<Function>
• useStyle<Function>
• useThrottle
  • useThrottleCallback<Function>
  • useThrottle<Function>