A react component for delayed rendering of child components.
The package can be installed via NPM:
npm install react-delayed-renderer
This package has no dependencies, only react and prop-types are peer dependencies that you have to install yourself, you need to install react version that supports hooks.
import { DelayedRenderer } from "react-delayed-renderer"
const Component = () => {
// notice that changing delay will cause the children to be hidden again
return (
<DelayedRenderer delay={300} onRender={() => console.log("rendered")}>
<div />
</DelayedRenderer>
)
}| Prop | Type | Description |
|---|---|---|
| delay | Integer | Delay in millesconds |
| onRender | Function | callback function to be called when the component renders the children |
Licensed under MIT license, see LICENSE for the full license.