react-hoc-timerfuncs
v1.0.5
Published
Timer functions provided via props that auto clear themselves at unmount
Downloads
575
Readme
react-hoc-timerfuncs
This HOC (Higher Order Component) provides the following timer like functions via props that will get automatically cleared when component gets unmounted. Can be used with both React and React Native.
- setTimeout
- setInterval
- setImmediate
- requestAnimationFrame
- clearTimeout
- clearInterval
- clearImmediate
- cancelAnimationFrame
Installation
yarn add react-hoc-timerfuncs
Example
// ...
import timer from "react-hoc-timerfuncs"
@timer
class Counter extends React.Component {
state = {
counter: 0
}
render() {
return (
<div>{this.state.counter}</div>
)
}
componentDidMount() {
// Instead of standard functions you will use the functions
// provided by props.
this.props.setInterval(() => {
this.setState(state => ({ counter: state.counter + 1 }))
}, 10)
}
}
Dev setup
yarn
npm run tasks
- yarn build: Transpile source code