Terminating Promise
#js #promise #AbortController
✅ Link: https://javascript.plainenglish.io/best-practices-for-using-abortcontroller-87892b72d07e
#js #promise #AbortController
✅ Link: https://javascript.plainenglish.io/best-practices-for-using-abortcontroller-87892b72d07e
Async Validator in Angular
#angular #validator #InjectionToken
🚩 > Angular 14
✅ Link: https://netbasal.com/optimizing-angular-form-validation-with-lazy-load-61265536a6f2
#angular #validator #InjectionToken
🚩 > Angular 14
✅ Link: https://netbasal.com/optimizing-angular-form-validation-with-lazy-load-61265536a6f2
👍1
Factory async function with ability of cancelling
#js #promise #AbortController
#js #promise #AbortController
function asyncWithAbort(promiseFn, signal){
if (signal?.aborted){
return Promise.reject(new DOMException("Aborted", "AbortError"));
}
return new Promise((resolve, reject) => {
promiseFn().then(resovle).catch(reject);
signal?.addEventListener("abort", () => {
reject(new DOMException("Aborted", "AbortError"));
});
});
}
✅ Link: https://javascript.plainenglish.io/best-practices-for-using-abortcontroller-87892b72d07eCommand Pattern in TypeScript
#ts #patterns #command
✅ Link: https://levelup.gitconnected.com/design-patterns-command-pattern-in-typescript-10b3162e3bee
#ts #patterns #command
✅ Link: https://levelup.gitconnected.com/design-patterns-command-pattern-in-typescript-10b3162e3bee
withComponentInputBinding in AngularAngular v16 has introduced a powerful new feature that enables the automatic binding of router information, such as query parameters, path parameters, static data, and resolver data to a routed component’s inputs.
#angular #routing #withComponentInputBinding
🚩 > Angular 16
✅ Link: https://netbasal.com/binding-router-information-to-routed-component-inputs-in-angular-78ee92f63e64
Sanitization Pipe in Angular
#angular #pipe #DomSanitizer
✅ Link: https://medium.com/@zeeshankhan8838/best-practices-in-angular-b9e8f88ee1fa
#angular #pipe #DomSanitizer
✅ Link: https://medium.com/@zeeshankhan8838/best-practices-in-angular-b9e8f88ee1fa
Angular "hooks" with
🚩 > Angular 14
✅ Link: https://medium.com/@kamil.galek/mythical-angular-what-you-can-do-with-angular-14-inject-function-a22786924bfe
inject()
#angular #renderer2 #inject🚩 > Angular 14
✅ Link: https://medium.com/@kamil.galek/mythical-angular-what-you-can-do-with-angular-14-inject-function-a22786924bfe
App’s Performance by Wrapping Functions Inside a Pipe
#angular #pipe
✅ Link: https://medium.com/ngconf/boost-your-apps-performance-by-wrapping-your-functions-inside-a-pipe-7e889a901d1d
#angular #pipe
✅ Link: https://medium.com/ngconf/boost-your-apps-performance-by-wrapping-your-functions-inside-a-pipe-7e889a901d1d
👍1
Angular resolvers: old and new approaches
#angular #resolver
🚩 > Angular 16
✅ Link: https://itnext.io/bind-route-info-to-component-inputs-new-router-feature-1d747e559dc4
#angular #resolver
🚩 > Angular 16
✅ Link: https://itnext.io/bind-route-info-to-component-inputs-new-router-feature-1d747e559dc4
👍1
Interceptors in A15
#angular #interceptor
🚩 > Angular 15
✅ Link: https://blog.herodevs.com/angular-15-introduces-functional-http-interceptors-59299cce60bf
#angular #interceptor
🚩 > Angular 15
✅ Link: https://blog.herodevs.com/angular-15-introduces-functional-http-interceptors-59299cce60bf
Content Projection with Dynamic components in Angular
#angular #viewContainerRef #directive #ng_content
✅ Link: https://medium.com/@zeeshankhan8838/content-projection-through-dynamic-components-in-angular-e6465c728e20
#angular #viewContainerRef #directive #ng_content
✅ Link: https://medium.com/@zeeshankhan8838/content-projection-through-dynamic-components-in-angular-e6465c728e20
TypeScript 5.0 Decorators
📄 The TypeScript 5.0 release, officially supports the Phase 3 decorator proposal. The proposal has four stages, which means it stabilizes quickly without major changes to the API. In this article, we will explore based on these stable APIs.
#typescript #decorators
✅ Link: https://medium.com/@islizeqiang/a-quick-guide-to-typescript-5-0-decorators-d06cabe09e8c
📄 The TypeScript 5.0 release, officially supports the Phase 3 decorator proposal. The proposal has four stages, which means it stabilizes quickly without major changes to the API. In this article, we will explore based on these stable APIs.
#typescript #decorators
✅ Link: https://medium.com/@islizeqiang/a-quick-guide-to-typescript-5-0-decorators-d06cabe09e8c