moduslabs / react-idle Goto Github PK

The component looks like it should work. We need to add examples.

Chrome stable 71.0.3578.98, uBlock origin 1.17.4, MacOS.

• load the demo page https://react-idle.modus.app/
• "render on idle" should be off
• click some months (>5)
• quickly tab some months (>5)
• quickly tick "render on idle"

After the last step, the screen starts blinking and months are continuously selected and deselected.

It's as if the page "buffered" really many tabs and is now replaying each change.

The weirdness doesn't stop on its own.

Leaving the browser tab (e.g. focusing on another tab or window), allows process to conclude.

It suggested that we should avoid dom updates in the requestIdleCallback and use requestAnimationFrame instead. Will using this library cause dom updates during requestIdleCallback or is it upto react to find the right time and handle it accordingly?

Upgrade to use idlize's queuing with rAF

Add the option to render component when close to the viewport using Intersection Observer.

Good candidate: https://www.npmjs.com/package/react-intersection-observer