
Security News
require(esm) Backported to Node.js 20, Paving the Way for ESM-Only Packages
require(esm) backported to Node.js 20, easing the transition to ESM-only packages and reducing complexity for developers as Node 18 nears end-of-life.
angular-idle-preload
Advanced tools
Angular Idle Preload for preloading async/lazy routes using
requestIdleCallback
(or fallback to setTimeout which is run outside ofzone.js
[Angular 5+)
Scheduling non-essential work yourself is very difficult to do. It’s impossible to figure out exactly how much frame time remains because after requestAnimationFrame
callbacks execute there are style calculations, layout, paint, and other browser internals that need to run. A home-rolled solution can’t account for any of those. In order to be sure that a user isn’t interacting in some way you would also need to attach listeners to every kind of interaction event (scroll, touch, click)
, even if you don’t need them for functionality, just so that you can be absolutely sure that the user isn’t interacting. The browser, on the other hand, knows exactly how much time is available at the end of the frame, and if the user is interacting, and so through requestIdleCallback
we gain an API that allows us to make use of any spare time in the most efficient way possible.
npm install angular-idle-preload --save
import { IdlePreload, IdlePreloadModule } from 'angular-idle-preload';
@NgModule({
bootstrap: [ App ],
imports: [
IdlePreloadModule.forRoot(), // forRoot ensures the providers are only created once
RouterModule.forRoot([], { useHash: false, preloadingStrategy: IdlePreload }),
]
})
export class Main {}
enjoy — PatrtickJS
FAQs
Angular Idle Preload for preloading async routes via @TipeIO
The npm package angular-idle-preload receives a total of 4,185 weekly downloads. As such, angular-idle-preload popularity was classified as popular.
We found that angular-idle-preload demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
require(esm) backported to Node.js 20, easing the transition to ESM-only packages and reducing complexity for developers as Node 18 nears end-of-life.
Security News
PyPI now supports iOS and Android wheels, making it easier for Python developers to distribute mobile packages.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.