Upgrading Angular v15 to v16: A Full-stack Web Development Project using Angular and .NetCore WebAPI

Angular version 16, which was released on May 3rd, 2023, includes a new feature called Schematics for Standalone Components. This feature allows developers to improve our documentation and schematics and helps us create standalone components for your Angular applications. These components are not tied to any specific module and can be used anywhere in your application. Standalone components are useful for developing reusable UI elements or libraries.

In this blog post, I will share my experience of upgrading an Angular application from version 15 to 16, and the automated approach I took to convert all the Angular components of the Talent Management project from the Fullstack Angular 15, Bootstrap 5 & NET 7 API blog series to standalone type. You can find the upgraded Angular 16 source code of the project on GitHub.

Source code