Visibility Handling

Recommended

Pause timers, media, and polling when the page is hidden:

lifecycle.on("page:hidden", () => pauseWork());
lifecycle.on("page:visible", () => resumeWork());

Not recommended

Assuming page:hidden always means the user left the application.

Playground

Visibility Playground

Pattern

Visibility Pause