Angular 15

Angular is a front-end JavaScript framework for building web applications. It is developed and maintained by Google.

Angular is built on top of TypeScript, and uses a component-based architecture to build reusable and scalable applications. It also includes a dependency injection system, which allows you to manage the dependencies of your components in a modular and efficient way.

Functional router guards – the new way of creating guards in Angular

angular angular-15

Before Angular v15 we had to create guards as a class which was a big boilerplate even though we had simple logic. Additionally, passing parameters to guard via data was not strict, so we were able to have a typo and the compiler did not throw an error. Everything changed when Angular v15 comes and provides functional router guards.

Combine multiple *ngIf with an async pipe into one

angular angular-15 rxjs

Try to avoid using many async pipes in a single *ngIf directive. Move logic to use RxJs operators instead. See examples of how to do it correctly.

How to unsubscribe RxJs Observable in Angular

angular angular-15

Each time you call subscribe method on RxJs Observable, you should (most of the time) also call unsubscribe. See how you can do it in Angular components.