A standalone component is a type of component that is not part of any Angular module. Prior to Angular 14, usually when you would create a component, you’d pass it inside the declarations array of a module. If you would not do that, Angular would complain about it and not compile. However, from Angular 14 onwards, we can create a component that is not part of any ngModule, and that component is known as a standalone component.

Standalone components provide a simplified way to build Angular applications. Standalone components, directives, and pipes aim to streamline the authoring experience by reducing the need for NgModule s. Existing applications can optionally and incrementally adopt the new standalone style without any breaking changes.

In this session, we will discuss different aspects of Standalone Angular Components by using Angular 16 -

• Concept of Standalone Angular Component
• How to Create Standalone Angular Component using CLI
• Develop Standalone Angular Component as a Parent-Child relationship
• Routing in Angular Application
• Finally, how to reuse this standalone angular component in any other angular application

• Concept of Standalone Angular Component
• How to Create Standalone Angular Component using CLI
• Develop Standalone Angular Component as a Parent-Child relationship
• Routing in Angular Application
• Finally, how to reuse this standalone angular component in any other angular application