https://github.com/l-chris/vue-fns

react-use for vue
https://github.com/l-chris/vue-fns

hooks vue

Last synced: about 2 months ago
JSON representation

react-use for vue

• Host: GitHub
• URL: https://github.com/l-chris/vue-fns
• Owner: L-Chris
• Created: 2019-09-01T07:54:27.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T08:39:51.000Z (almost 2 years ago)
• Last Synced: 2024-11-16T10:18:40.163Z (about 2 months ago)
• Topics: hooks, vue
• Language: TypeScript
• Size: 3 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        


  


    


    👍

    


    vue-fns

    


  

  

    Collection of essential Vue Hooks.

  

  


  


  
npm i vue-fns

  


  




- [**Sensors**](./docs/Sensors.md)

  - [`useWindowSize`](./packages/useWindowSize/useWindowSize.md) tracks `Window` dimensions.

    


    


- [**Animations**](./docs/Animations.md)

  - [`useInterval`](./packages/useInterval/useInterval.md) re-renders component on a set interval using `setInterval`.

  - [`useTimeout`](./packages/useTimeout/useTimeout.md) re-renders component after a timeout.

  - [`useTimeoutFn`](./packages/useTimeoutFn/useTimeoutFn.md) calls given function after a timeout.

    


    


- [**Side-effects**](./docs/Side-effects.md)

  - [`useAsync`](./packages/useAsync/useAsync.md) resolves an `async` function.

  - [`useAsyncFn`](./packages/useAsyncFn/useAsyncFn.md) state management for an async function

  - [`useTitle`](./packages/useTitle/useTitle.md) sets title of the page.

    


    


- [**State**](./docs/State.md)

  - [`usePrevious`](./packages/usePrevious/usePrevious.md) returns the previous state or props.

  - [`useCounter` and `useNumber`](./packages/useCounter/useCounter.md) tracks state of a number.

    


    


- [**Vuex**](./docs/Vuex.md)

  - [`useState`](./packages/useState/useState.md)

  - [`useGetters`](./packages/useGetters/useGetters.md)

  - [`useMutations`](./packages/useMutations/useMutations.md)

  - [`useActions`](./packages/useActions/useActions.md)

  - [`useStore`](./packages/useStore/useStore.md)

    


    


- [**Vue-Router**](./docs/Vue-Router.md)

  - [`useRouter`](./packages/useRouter/useRouter.md)