0.0.0-beta.5 • Published 2 years ago
vue-hooks-api v0.0.0-beta.5
vue-hooks-api
Experimental React hooks implementation in Vue3
install
yarn add vue-hooks-api
React-style Hooks
import { useState, useReducer, useEffect, useLayoutEffect } from "vue-hooks-api";
const FunctionalComponent = (props, context) => {
const [count1, setCount1] = useState(0);
const [count2, setCount2] = useReducer((x) => x + 1, 1);
const [count3, setCount3] = useReducer((x) => x + 1, 2);
useEffect(() => {
console.log("useEffect", count2);
}, [count2]);
useLayoutEffect(() => {
console.log("useLayoutEffect", count2);
}, [count2]);
return (
<>
<button onClick={() => setCount1(2)} {...props}>
count1:{count1}
</button>
<button onClick={() => setCount2()} {...props}>
count2:{count2}
</button>
<button onClick={() => setCount3()} {...props}>
count3:{count3}
</button>
</>
);
};
export default FunctionalComponent;
0.0.0-beta.5
2 years ago
0.0.0-beta.4
2 years ago
0.0.0-beta.3
2 years ago
0.0.0-beta.2
2 years ago
0.0.0-beta.1
2 years ago