Vue3 hooks
Using vue3.x composition api in react-hooks style.
The react-like vue3 hooks are implemented just with composition api, requiring no any other dependencies but vue3.
If you are used to react hooks, and new to vue 3, you will try this. In this case, however, I suggest learning original composition api. It's easy :D.
What `vue3-hooks` really make sense is that so many third-party hooks library based on react can now easily migrate to vue technolegy stack. If you are an author of third-party react hooks, you may consider to use `vue3-hooks` to migrate your library to vue family. Very few code modification is required.install
npm install --save vue3-hooks
features
- useState (use
ref
andreactive
from vue) - useEffect (use
watch
from vue) - WIP: more react-like hooks
useCallback
is no need becausesetup
will only been run once.
usage
;;;// ... <p> id </p><p>Counter: count </p><p> data </p> // ... { // ... // all vue apps prefer using counter for example instead of hello world. const count setCount = ; const data setData = ; // yes, vue3 composition api allow us passing an async function. // normal functions are also ok. // `() => props.id` means watching a computed vue3 variable. ; // ... return // ... count data id: // ... ;}// ...
Recently updated
See CHANGELOG here.