Angular Addicts Issue #7: Standalone components and routers, Native Federation 1.0 & more

👋 Hey fellow Angular Addict

This is the 7th 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 to the Angular Addicts newsletter 🔥

💎Angular Gems of October, 2022

📰 How to turn an Angular app into standalone — Part I

Ayyash Ayyash (@ayyash) converts a few Angular components into standalone components, then assesses in which situations the standalone components simplify application architecture and development.

📰 Advancements in the Angular Router

Andrew Scott shows us how to use the new router API introduced in Angular v14.2. Thanks to the new API, we can create standalone routers without a RouterModule.

📰 Angular DOM Manipulation: ElementRef, TemplateRef, and ViewContainerRef

In his article, Kagklis Vasileios explains how to reference and modify the DOM from Angular, I really like his examples.

📰 How Angular evolves? By not being opinionated where it shouldn’t be!

Enea Jahollari’s (@eneajaho) article is an interesting conversation starter, he shares his thoughts on how opinionated Angular should be and how Angular and its community has evolved so far.

📰 Angular and Microfrontend Pipelines

In his tutorial, Oleksii Koshkin builds a microfrontend application with an Angular host app and a React microfrontend.

📢 Release and deprecation announcements

📢 NX 15 is out!

Juri Strumpflohner summarizes the changes in the latest version of NX:

• Performance optimization
• Package-based and Integrated Style Monorepos
• New Compact Syntax for Task Pipelines
• Fine-tunable Caching with Inputs
• Nx Console
• Cleanup for pure JS/TS packages and ESBuild support

📢 Native Federation 1.0 was released

Manfred Steyer announces the 1.0 version of Angular Architect’s Native Federation. It’s a framework- and tooling-agnostic implementation of Module Federation, so it does not depend on Webpack, and it allows us to get started with modern technologies like Esbuild or Vite.

📢 Modern CSS in Angular: Layouts

The Angular team is going to stop publishing new releases of the @angular/flex-layout library (starting in v15). In her article, Emma Twersky demonstrates modern CSS layout enhancements for Angular developers.

💬 Tweets

Here is a collection of my favorite tweets from October, 2022:

Enea Jahollari 🅰

@enea_jahollari

In Angular 15, less files will be generated for the new projects 🥳

Where did those files go? Some of them are added by default in their builders, and we can override them by creating them ourselves. Ex. test.ts, .browserlistrc, karma.conf.js. There's more 👇

#angular

09:32 AM - 17 Oct 2022

Alberto Basalo

@albertobasalo

Managing asynchronous #state in #Angular could be a lot easier than you think. You can implement a #store in these few lines... 🧵👇🏼 1/10

09:49 AM - 19 Oct 2022

Dylan Hunn

@dylhunn

As of #Angular v15, the language service will be able to automatically suggest imports for selectors! This is very useful with standalone components, since you don't already have your ngModule imports. (But it works with ngModules also!) @angular

15:49 PM - 11 Oct 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 🔥