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

Comparing version 0.0.2 to 0.0.3

package.json

		{
		"name": "@garage-panda/use-await-dom-render",
		"version": "0.0.2",
		"version": "0.0.3",
		"description": "React hook that is used to await all DOM elements inside a node to be rendered",
		@@ -11,2 +11,3 @@ "main": "lib/index.js",
		"scripts": {
		"build": "tsc",
		"test": "echo \"Error: no test specified\" && exit 1"
		@@ -13,0 +14,0 @@ },

README.md

		@@ -1,1 +0,33 @@
		# use-await-dom-render
		# 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>
		);
		}
		```

lib/DomObserver.d.ts

lib/DomObserver.js

lib/index.d.ts

lib/index.js

lib/useAwaitDomRender.d.ts

lib/useAwaitDomRender.js

New alerts