Angular 15 New Features

The Angular team has been busy working on the latest release of Angular, and it's safe to say that Angular 15 comes packed with new features and updates. In this blog post, we'll dive into the details of the latest Angular release and explore its new features, including updates to the tooling side, automatic component imports, and improvements to the CLI.

Updates to Tooling Side

In Angular version 14, the Angular team introduced experimental support for esbuild and ng build. This experiment aimed to reduce build times and simplify the build pipeline. With Angular 15, the team is expanding support for this feature to include experimental SASS, SVG templates, and file replacement support.

To give these new features a try, all you need to do is update the builders in angular.json from build-angular browser to build-angular esbuild. If you encounter any issues, be sure to file an issue on GitHub.

Automatic Component Imports

Have you ever encountered an error while building an Angular app due to an unimported component? With Angular 15, the Angular language service now automatically imports components via a quick fix in your editor. This feature works with both standalone components and module-based components, making your coding experience more seamless.

CLI Improvements

In Angular 15, the CLI now supports generating a standalone component with the standalone flag. Additionally, the Angular team is streamlining the output of ng new by removing test.ts, polyfills.ts, and environments file. If you need to use the environments file in your project, create it, and add your configuration. Furthermore, polyfills can now be specified directly in the polyfills section of angular.json.

Roadmap for Angular

The Angular team is always working on new improvements and updates for the platform, and with Angular 15, the focus is on three things. Firstly, the team is tackling improvements to the server-side rendering pipeline. Secondly, they are devoting time to exploring reactivity in Angular. Finally, the team is working on bringing more quality of life improvements across the board.

If you're interested in keeping up with the progress of these efforts, be sure to stay tuned to the Angular roadmap.

Conclusion

Angular 15 comes packed with new features and improvements, from updates to the tooling side to automatic component imports and CLI improvements. The Angular team is continuously working to bring new improvements to the platform, and we're excited to see what they have in store for us in future releases.

Subscribe to my newsletter

Read articles from Jocelyn Knight directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Jocelyn Knight

Hi there! My name is Jocelyn, and I am the owner of B&M Development Services. With over 8 years of experience in web application development, I am a highly skilled Senior Software Engineer with a strong focus on front-end technologies. My expertise lies in Angular, Typescript, RxJs, NGRX, and Akita for state management, as well as Jasmine and Karma for front-end testing. I am passionate about effectively managing state in complex applications and have worked with various state management solutions, including NGRX and Akita. I am also fascinated by the intersection of machine learning and software engineering, and I have experience in AI tool development and prompt engineering. With the potential of LLMs like GPT-4, I believe we are on the cusp of a revolutionary shift in the field. As the owner of B&M Development Services, I have built a custom UI administrative dashboard for managing AI music stations using Angular, NGRX state management, and Angular Material, mixed with custom styling. I also built an internal application for the implementation of proprietary software solutions around artificial intelligence-based music mixdowns. Another project I completed was building a custom remote video consultation solution for CVS using Angular version 10, allowing remote pharmacists to provide legally required medical consultations to patients in remote CVS pharmacy locations. This allowed the client to save a significant amount of the cost of employing a pharmacist in slower CVS locations. At B&M Development Services, we take pride in our ability to deliver high-quality work and help organizations achieve their project goals. Whether it's working on the front-end, back-end, or exploring the possibilities of LLMs, we are committed to staying at the forefront of the industry and contributing to meaningful projects. My expertise also extends to Node.js and Express.js, and I have experience with alternative technologies such as Jest and Hapi.js. I am a problem-solver at heart and am always excited to collaborate with organizations on new and exciting opportunities. Thank you for considering B&M Development Services for your project needs. We look forward to the opportunity to work with you!