Angular 15: Everything You Need to Know About the New Features

Angular 15 is the latest version of the Angular framework. It was released on March 8, 2023. It includes several new features and improvements. In this blog, we’ll talk about those updated features.

• Standalone API’s

• • • Now we can develop applications without NgModules.
    • This component can now be used in any Angular application without having to be part of a module

• • • Standalone API allows you to bootstrap applications using single component

• Router and HttpClient Tree shakable API’s

• Directive Composition API

1. 1. • The directive composition API brings code reuse to another level!
      • The directive composition API only works with standalone directives.

• Image directive is now stable

  • • The NgOptimizedImage the directive makes it easy to adopt performance best practices for loading images.                   

• • • Enable the directive

• • • Automatic srcset generation:
    • Fill mode
      • This mode causes the image to fill its parent container, removing the requirement to declare its width and height.

• Functional router guards

1. 1. • Together with the tree-shakable standalone router APIs, we worked on reducing boilerplate in guards.

        

• Router unwraps default imports.

• • • To make the router simpler and reduce boilerplate further, the router now auto-unwraps default exports when lazy loading.
    • This is how it used to be Previously.

• • • • As per the new code:

• Better stack traces

   To solve the Debugging struggles for Angular developers

• More improvements in components

• • Range selection support in the slider.

• • Improvements in the experimental esbuild support.
  • The improved experimental ESbuild support makes building Angular applications faster and more efficiently possible.
  • Automatic imports in language service.
  • CLI improvements.

Conclusion

Angular 15 is a major release with several new features and improvements. The new features are designed to make Angular easier to use, more performant, and more scalable. If you are using Angular, I recommend upgrading to Angular latest as soon as possible.