👋 Hey fellow Angular Addict
This was the fourth issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that got my attention.
Let’s learn Angular together! Subscribe here 🔥
You can read the April (#1), May (#2), June (#3) and August (#5) issues here.
💎Angular Gems of July, 2022
📰 How to make Angular applications more robust
Sergey Gultyayev explains thirteen tips on how to develop Angular applications that are easier to maintain.
📰 TypeScript, RXJS: Which Multicast Operator to Use for Sharing HTTP Request b/w Multiple Observers Over Different Time Periods
In his article, AngularEnthusiast summarizes the differences between the various NgRx multicasting techniques through practical examples.
📰 Setup Module Federation in Angular with Nx
Colum Ferry (@coly010) walks us through the setup of Module Federation for an Angular application, he talks about how to create a new application from scratch and how to split an existing application into multiple parts.
📰 CSS isolation with Angular Micro frontends
Eugene Pavliy demonstrates how to create isolated CSS sandboxes for Micro frontends using:
- Module Federation
- WebComponents and
- ShadowDOM
Not all libraries are ShadowDOM friendly yet. Eugene’s article also provides useful tips on how to create workarounds in these cases.
📰 Moduliths in Angular with Nx
Stefan Haas highlights the key differences between the Microfrontends and Modulith architectures. He explains that Moduliths are based on Domain Driven Design and how we can split a Monolith application into separate libraries by domain, and how to enforce the library boundaries with Nx and the Angular Architect’s DDD Plugin for Nx.
👨🏫 Tutorials and guides
📙 The Complete Guide to Interceptors in Angular
In his article, Kagklis Vasileios explains:
- what an Angular interceptor is and how it works
- how to implement and provide one or multiple interceptors to our application
- how to mutate requests and responses using an Angular interceptor
- how to bypass specific or all interceptors if needed
- other use cases as part of a demo application
📗 Angular 14 Firebase CRUD Tutorial With AngularFire 7
In her tutorial, Estefanía García Gallardo creates a Pokedex CRUD application using Angular v14, Firestore and AngularFire v7.
📘 How to Create a Simple Dialog Box with Angular Material
Lynn Kwong’s article demonstrates how to create Angular Material dialogs and how to communicate with them from you application.
📕 Implementing Infinite Scrolling Using Angular
Michelle Wiginton shows us how to implement an infinite scrolling logic in Angular using ngx-infinite-scroll.
💬 Tweets
Here is a collection of my favourite tweets from July, 2022:
@angular ppl!! Here is my material on the 🔥Performance at Scale🔥 talk for @enterjsconf 🤩💜
Learnings
🔥Analyze Flame Charts
🔍Detect Perf Bottlenecks
⚙️Boost Change Detection
✍🏻Measure Improvements
#webperf #angular #devtools
bit.ly/ejs22-perf?utm…
github.com/tastejs/angula…08:41 AM - 20 Jul 2022
You can find the video of Michael’s presentation in English here.
Enea Jahollari@enea_jahollari
CanMatch is the newest #Angular guard. I believe it can replace almost all the others.
It checks if the route matches, checks the guard condition (canActivate), if it's fulfilled it downloads the code for the lazy component or module (canLoad), if not you can redirect. twitter.com/laforge_toma/s…07:15 AM - 26 Jul 2022Laforge Thomas @laforge_toma#angular Quizz Since v14.1, we have now a new guard. Which component(s) will be downloaded and which one will be displayed ? https://t.co/C8l4da0IMD
With new `inject` function from #Angular 14 you can instantiate fallback injectable only when necessary. Check out this example below:
stackblitz.com/edit/angular-i…12:38 PM - 27 Jul 2022
🙋♂️ Who is behind Angular Addicts?
My name is Gergely Szerovay, I work as a frontend development chapter lead. Teaching (and learning) Angular is one of my passions. I consume content related to Angular on a daily basis — articles, podcasts, conference talks, you name it.
I created the Angular Addict Newsletter so that I can send you the best resources I come across each month. Whether you are a seasoned Angular Addict or a beginner, I got you covered.
Next to the newsletter, I also have a publication called — you guessed it — Angular Addicts. It is a collection of the resources I find most informative and interesting. Let me know if you would like to be included as a writer.
Let’s learn Angular together! Subscribe here 🔥
Michelle Wiginton shows us how to implement an infinite scrolling logic in Angular using ngx-infinite-scroll.
Top comments (0)