Angular Addicts Substack

Share this post

Angular Addicts Issue #4: Micro Frontends, Moduliths, Tutorials & more

newsletter.angularaddicts.com

Angular Addicts Issue #4: Micro Frontends, Moduliths, Tutorials & more

My favourite Angular resources of July, 2022

Gergely Szerovay
Aug 1, 2022
Share this post

Angular Addicts Issue #4: Micro Frontends, Moduliths, Tutorials & more

newsletter.angularaddicts.com

Angular Addicts Newsletter cover image — Issue 4, July 2022

👋Hey fellow Angular Addict

This is the 4th issue of the Angular Addicts Newsletter, a monthly collection of carefully selected Angular resources that got my attention. (You can read the first, second and third issue 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.

How to make Angular applications more robust

📰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.

TypeScript, RXJS: Which Multicast Operator to Use for Sharing HTTP Request b/w Multiple Observers…

📰Setup Module Federation in Angular with Nx

Colum Ferry 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.

Setup Module Federation in Angular with Nx

📰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.

CSS isolation with Angular Micro frontends

📰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.

Moduliths in Angular with 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 Interceptors: The Complete Guide

📗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.

Angular 13 Firebase CRUD Tutorial With AngularFire 7

📘 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.

How to Create a Simple Dialog Box with Angular Material

📕Implementing Infinite Scrolling Using Angular

Michelle Wiginton shows us how to implement an infinite scrolling logic in Angular using ngx-infinite-scroll.

Implementing Infinite Scrolling Using Angular

💬 Tweets

Here is a collection of my favourite tweets from July, 2022:

Twitter avatar for @Nartc1410
Chau Tran @Nartc1410
#angular #di Quick reminder of one of Angular Hierarchy DI's characteristics
Image
12:11 AM ∙ Jul 17, 2022
347Likes96Retweets
Twitter avatar for @Michael_Hladky
Michael Rx Hladky @Michael_Hladky
@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…
Image
Image
8:41 AM ∙ Jul 20, 2022
73Likes28Retweets

You can find the video of Michael’s presentation in English here.


Twitter avatar for @Enea_Jahollari
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 avatar for @laforge_toma
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
7:15 AM ∙ Jul 26, 2022
58Likes11Retweets
Twitter avatar for @Waterplea
Alex Inkin @Waterplea
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…
Image
12:38 PM ∙ Jul 27, 2022
68Likes13Retweets

🙋‍♂️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 🔥

🕹️Previous issues

If you missed the previous issues of the newsletter, you can read them here:

  • Angular Addicts Issue #1: Nx Conf, Dev Survey & more

  • Angular Addicts Issue #2: Angular 14, NX 14, RxJS and NgRx tips & more

  • Angular Addicts Issue #3: recent version updates, my fav tweets & more

📨 Submit your Angular resource

Have you found or written an interesting Angular-related article, tweet or other resource lately? Please let me know here in the comments or send me a DM on Twitter! I might feature it in the next Angular Addicts issue!


Angular Addicts Issue #4: Micro Frontends, Moduliths, Tutorials & more was originally published in Angular Addicts on Medium, where people are continuing the conversation by highlighting and responding to this story.

Share this post

Angular Addicts Issue #4: Micro Frontends, Moduliths, Tutorials & more

newsletter.angularaddicts.com
Comments
TopNew

No posts

Ready for more?

© 2023 Gergely Szerovay
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing