		{
		"name": "@garage-panda/use-await-dom-render",
		"version": "0.0.3",
		"version": "0.0.4",
		"description": "React hook that is used to await all DOM elements inside a node to be rendered",
		@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

		@@ -1,33 +0,1 @@
		# use-await-dom-render

		## About
		A React hook that waits for all elements in an HTML node to be rendered and visible in the Node.

		## Install
		`npm i @garage-panda/use-await-dom-render`

		## Example
		```typescript
		import { useAwaitDomRender } from "@garage-panda/use-await-dom-render";

		function App() {
		const [observer, startWait] = useAwaitDomRender();

		useLayoutEffect(() => {
		const targetNode = document.querySelector('#container-component');

		startWait(targetNode);

		observer.on('load', () => {
		console.log('All DOM elements rendered');
		});
		}, []);

		return (
		<div id="container-component">
		<SomeHeavySlowContent />
		<OtherContent />
		</div>
		);
		}
		```
		# use-await-dom-render

@garage-panda/use-await-dom-render - npm Package Compare versions

New alerts