Skip to content
/ ts-use Public

Set of usefull hooks for various functionality

Notifications You must be signed in to change notification settings

Tihi321/ts-use

Repository files navigation

TS Use

React Hooks.

yarn add ts-use

  • Animation

    • useAnimationEvents — use with animations, it tracks and start and exit animation so component can unmount after exit animation has ended

  • Side-effects

    • useLocalStorage — hook for managing local storage. Safe with SSR rendering.
    • useMutationObserver — Use mutation Observer with this hook in react. Safe with SSR rendering.
    • usePromiseMap — Resolves array of promises within react in a non blocking way.

  • State

    • ReducerProvider — Provider to wrap outer components, takes reducer and initial state.
    • withReducerProvider — HOC for ReducerProvider Provider to top component.
    • useReducerStore — returns state, selector and functions for for updating the state from context
    • useReducerSelector — takes selector and returns value similar hooks for providing simple state without using reducer StateProvider, withStateProvider, useStateStore, useStateSelector
    • useReactiveState — reactive state that updates with change in initial state

  • Lifecycles

    • useMount — hook returns state after first mount, takes optional callback to run, it can be resolved with promise

  • Network

    • useFetch — hook for using fetch in React, work on SSR also, as it checks to use node or window fetch, suppoers optional queryBuilder

  • API

  • HOC

    • withHooksHOC — Add hooks data to class component.
  • React Native

    • useAsyncStorage — hook for managing storage within react native.

Releases

No releases published

Packages

No packages published