All about Angular

The latest version of the popular enterprise-scale app framework is here with a ▶️ 22 minute introductory video running through what’s changed and what’s new, including incremental hydration (in preview), two new core reactivity primitives, event replay, and the ability to specify which routes are rendered server or client side.

In 2024, Angular keeps changing for better with ever increasing pace, but the big picture remains the same, which makes architecture know-how timeless and well worth your time!

Angular now has support for TypeScript "isolatedModules" as of Angular 18.2. With this support in place, we’ve seen performance boosts of up to 10% in production build times.

Angular 18 will fully support TypeScript 4.7, which includes a number of new features and improvements. This means that Angular developers will be able to take advantage of the latest TypeScript features.

Building single-page applications with Angular often involves working with the Angular Router. When working with the router, there are a few common patterns that we often find ourselves repeating. For example, we often need to grab the current route params or query params and use them in our components.

In the ever-evolving landscape of web development, Angular CLI continues to empower developers with new features and enhancements. One such addition is the define option.

The release of version v17.2.0-rc.0 marks another significant step in the journey of signals within Angular with the introduction of Queries Signals. This feature brings a set of new functions to perform queries: viewChild, viewChildren, contentChild, and contentChildren.

There's an update in the application builder in v17.1.0 that introduces new loader options, making file handling more straightforward. These options allow you to specify how different file types are processed.

Jean Meche has created a fantastic playground that visualizes change detection in Angular. You can change the condition and observe how the Angular app would react to different sorts of events.

This blog post aims to take your understanding of Structural Directives to the next level and show how they are more than just control flows.

Jessica Janiuk covers the new feature of Angular v17 – deferrable views.

Angular v17 will bring support for the cutting edge ViewTransitions API. Netanel Basal explains how to use it in Angular.

Angular GDE @Enea_Jahollari wrote a great blog teaching us how Incremental Static Regeneration can improve your Angular server side experience.

A quick overview of the changes introduced by the Angular Signal API.

Frequently asked questions related to Angular, a popular JavaScript framework. It covers topics such as Angular modules, services, dependency injection, change detection, and component communication, offering valuable insights for developers seeking to enhance their understanding and proficiency in Angular development.

The evolution of Angular, highlights the major features and improvements introduced in recent versions, and offers insights into the benefits and implications of these changes for developers working with Angular.

How to handle errors effectively in Angular applications. It discusses the importance of centralized error handling, explains how to create a global error handler, and demonstrates various techniques to handle and display errors to users in a consistent manner.

Explanation of the takeUntilDestroyed operator in Angular, how it works with illustration of  usage for managing subscriptions and preventing memory leaks in Angular applications.

This RFC proposes a new control flow syntax for Angular, and represents a significant change to how we approach control flow in the framework. There are two questions which should be answered up front: why and why now?

New feature in Angular called the Transform option that eliminates the need for using traditional setters and getters for input values.

Angular version 16 has been released, bringing new features, improvements, and bug fixes to enhance the development experience for Angular developers. It highlights key updates such as stricter type checking, improved performance, enhanced developer tools, and streamlined migration paths.

Angular CLI is undergoing a transition from using Karma and Jasmine as default testing tools to Jest and Web Test Runner. This change aims to provide faster and more modern testing experiences for Angular developers, along with improved performance and flexibility in testing configurations.