ts-use
TypeScript icon, indicating that this package has built-in type declarations

1.2.12 • Public • Published

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.

Package Sidebar

Install

npm i ts-use

Weekly Downloads

1

Version

1.2.12

License

MIT

Unpacked Size

275 kB

Total Files

450

Last publish

Collaborators

  • tihi321