idle-task
Angular
idle-task | Angular | |
---|---|---|
6 | 699 | |
142 | 94,541 | |
- | 0.3% | |
8.3 | 10.0 | |
3 days ago | 6 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
idle-task
- Why don't you do it when the browser is free instead of setInterval?
-
Validate Form during Browser Idle for Performance Optimization
This article introduces the example using idle-task (v3.3.1) which wraps requestIdleCallback conveniently.
- Improve Responsiveness to User Interactions
-
Import Strategies for Performance Optimization⚡
I introduced you to some import strategies for performance optimization and I recommend to use idle-task .
-
Show HN: Speed up your site by running JavaScript when the browser is idle
`idle-task` has shim as below .
https://github.com/hiroki0525/idle-task/blob/main/src/index....
References
Angular
-
Angular Signals, Reactive Context, and Dynamic Dependency Tracking
/** * https://github.com/angular/angular/blob/75a186e321cb417685b2f13e9961906fc0aed36c/packages/core/src/render3/reactivity/untracked.ts#L15 * * packages/core/src/render3/reactivity/untracked.ts * **/ export function untracked(nonReactiveReadsFn: () => T): T { const prevConsumer = setActiveConsumer(null); try { return nonReactiveReadsFn(); } finally { setActiveConsumer(prevConsumer); } }
- Episode 24/15: Wiz behind the curtain, Copilot in VSCode
-
Always unsubscribe. No exceptions. Debate closed.
source: https://github.com/angular/angular/issues/46542
-
Angular Signals: Best Practices
Besides the dangers, mentioned by Angular docs (infinite loops, change detection errors), there is another thing, that might be quite nasty: effects are executed in a reactive context, and any code you call in effect, will be executed in a reactive context. If that code reads some signals, they will be added as dependencies to your effect. Here Alex Rickabaugh explains the details.
-
Understanding control flow syntax in Angular 17
In June 2023, the Angular team raised a new RFC to implement control flow syntaxes within Angular. They gave the following rationale for introducing control flow syntax:
- Episode 24/09: Testing without TestBed, SSR & Hydration
-
Preparing our Code for Zoneless Angular
For scheduling, I use awesome code I found in the Angular source code.
-
⏰ It’s time to talk about Import Map, Micro Frontend, and Nx Monorepo
Just to give you more context, I led the migration of several AngularJS applications to the newer Angular Framework. My client finally decided to make that move following the AngularJS deprecation announcement (stay up to date please 🙏)️.
-
Conventional commit specification
Link — angular/CONTRIBUTING.md
-
Angular Control Flow: the complete guide
Angular v17 was released some months ago with a ton of new features, a brand new logo and the new blog angular.dev.
What are some alternatives?
network-idle-callback - Like requestIdleCallback, but for detecting network idle
Next.js - The React Framework
hyper-fetch - ⚡ Fetching and realtime data exchange framework.
qwik - Instant-loading web apps, without effort
partytown - Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉
SvelteKit - web development, streamlined
backfill - A JavaScript caching library for reducing build time
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
guess - 🔮 Libraries & tools for enabling Machine Learning driven user-experiences on the web
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
lit - Lit is a simple library for building fast, lightweight web components.
Drawflow - Simple flow library 🖥️🖱️