Angular 🇺🇦 - practical notes
@angular_practical_notes
1.63K subscribers
1.6K photos
1 file
532 links
Angular - practical notes

This group is for posting practical notes for Angular developers. Mostly all posts are for quick implementation https://t.me/angular_practical_notes (Commenting on posts only in ENG and UA langs here). Welcome!
Download Telegram
About
Blog
Apps
Platform
Join
Angular 🇺🇦 - practical notes
1.63K subscribers
Angular 🇺🇦 - practical notes
📄 Angular Directive to load a MF remote module

#angular #directive #webpack #module_federation

✅ Link: https://medium.com/@klajdiavdiaj6/angular-directive-to-load-a-federated-remote-module-512dbc214405
91 views
Angular 🇺🇦 - practical notes
📄 How to use input transforms to get signal based inputs

#angular #signal #input

⚠️ Experimental (not implemented in @angular/core)

✅ Link: https://medium.com/@gauravmukherjee/how-to-enjoy-signal-based-input-right-now-56efecaeee98
99 views
Angular 🇺🇦 - practical notes
📄 JS API 1/4: Screen recording

#js #MediaRecorder

⚠️ Non-refactored

✅ Link: https://javascript.plainenglish.io/18-powerful-javascript-skills-for-senior-engineers-17c51990997e
90 views
Angular 🇺🇦 - practical notes
📄 JS API 2/4: Page visibility

#js #visibilityChange

⚠️ Non-refactored

✅ Link: https://javascript.plainenglish.io/18-powerful-javascript-skills-for-senior-engineers-17c51990997e
92 views
Angular 🇺🇦 - practical notes
📄 JS API 3/4: IntersectionObserver

#js #IntersectionObserver

⚠️ Non-refactored

✅ Link: https://javascript.plainenglish.io/18-powerful-javascript-skills-for-senior-engineers-17c51990997e
101 views
Angular 🇺🇦 - practical notes
📄 JS API 4/4: MutationObserver

#js #MutationObserver

⚠️ Non-refactored

✅ Link: https://javascript.plainenglish.io/18-powerful-javascript-skills-for-senior-engineers-17c51990997e
112 views
Angular 🇺🇦 - practical notes
✳️ Dynamic ways to conditionally lazy load a component in Angular

#angular #DynamicComponent #router #route #import #resolver #ngComponentOutlet #RouterOutlet

✅ Link: https://ankit-kaushik.medium.com/dynamic-ways-to-conditionally-lazy-load-a-component-in-angular-9feb5317df2a
131 views
Angular 🇺🇦 - practical notes
📄 Role Based Angular Directive

#angular #directive

✅ Article Link:
https://itnext.io/role-based-access-control-in-angular-templates-2eeca497855

🎁 Code Link:
https://gist.github.com/klajdi006/90d8c9fc62ea02d594972f1f642d2163#file-has-roles-directive-ts
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
122 views
Angular 🇺🇦 - practical notes
📄 Angular Resolver Use Case

#angular #resolver

🚩> Angular 16

✅ Article Link:
https://itnext.io/understanding-angular-resolvers-b49f6c227278
126 views
Angular 🇺🇦 - practical notes
✳️ Angular function based interceptor

#angular #interceptor

🚩> Angular 16

✅ Article Link: https://itnext.io/migrate-angular-interceptors-to-function-based-interceptors-90bd433e0c2a

🎁 Code Link: https://stackblitz.com/edit/angular-gd6vru?file=src%2Fretry.interceptor.ts
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
133 views
Angular 🇺🇦 - practical notes
✳️ Navigation Error Handling

#angular #router #withNavigationErrorHandler

🚩> Angular 16

✅ Article Link: https://medium.com/@artur.fedotiew/%EF%B8%8F-simplifying-navigation-error-handling-with-angulars-upcoming-feature-%EF%B8%8F-b55ee04d246a
👍1
161 views
Angular 🇺🇦 - practical notes
📄 Using React in Angular Application

#angular #react #directive

✅ Article Link: https://medium.com/palo-alto-networks-cortex-dev/using-react-in-an-angular-application-27c78e6aa914
153 views