2.3.0 • Published 3 years ago
@wbe/use-async-effect v2.3.0
@wbe/use-async-effect
Execute effect with promise in React functional component.
This hook is a simple wrapper of useEffect
.
Installation
$ npm install -s @wbe/use-async-effect
How to use
useAsyncEffect
import { useAsyncEffect } from "@wbe/use-async-effect";
function App() {
useAsyncEffect(async () => {
new Promise(resolve =>
// do something...
resolve();
);
});
}
Like useEffect
from React, useLayoutEffect
can take dependencies
array as second argument.
const [isResolved, setIsResolved] = useState(false);
useAsyncEffect(async () => {
new Promise(resolve =>
// do something...
resolve();
);
}, [isResolved]);
useAsyncLayoutEffect
This is exactly the same effect except useAsyncLayoutEffect
is a wrapper of useLayoutEffect
React hook.
import { useAsyncLayoutEffect } from "@wbe/use-async-effect";
function App() {
useAsyncLayoutEffect(async () => {
new Promise(resolve =>
// do something...
resolve();
);
});
}
Parameters
params | type | description | default value |
---|---|---|---|
pEffect | ()=> void | function returns effect to execute | / |
pInputs | any[] | dependencies array of argument(s) allowing to re-suscribre to the effect | / |
2.3.0
3 years ago
2.2.0-alpha.0
3 years ago
2.1.0
3 years ago
2.0.0
3 years ago
2.0.0-alpha.11
3 years ago
2.0.0-alpha.7
3 years ago
2.0.0-alpha.6
3 years ago
2.0.0-alpha.3
3 years ago
2.0.0-alpha.0
3 years ago
2.0.0-alpha.1
3 years ago
2.0.0-alpha.2
3 years ago
1.6.0
3 years ago
1.5.0
3 years ago
1.4.2
4 years ago
1.4.2-alpha.0
4 years ago
1.4.1
4 years ago
1.4.0-alpha.0
4 years ago
1.4.0
4 years ago
1.3.0
4 years ago
1.2.0
4 years ago
1.1.0-alpha.0
4 years ago
1.0.0-alpha.0
4 years ago
0.0.30
4 years ago