Standalone Components in Angular

Standalone components in Angular (SAC) are a new type of component that Angular released in Angular 14. These components do not require Angular Modules (NgModule) and they self-manage their dependencies. They are easier to build, can be lazy loaded via Angular router, easily tree-shakable, and reduce the final bundle size. Not only components, but we can also create standalone pipes and standalone directives. In this article, we will learn what are Standalone components, how to create them, and learn their benefits with examples.

Standalone Components in Angular Read More »

Migrate to Standalone Components in Angular

This guide shows you how to migrate existing project to standalone components in Angular. ng generate command helps us to Migrate an existing Angular Project to Standalone Components. It will also migrate the directives and pipes to Standalone API. The Angular CLI takes care of the majority of the migration work, but there might be a need for a few minor changes from your end. In this article we will discuss the steps involved in migrating to standalone components in Angular in detail.

Migrate to Standalone Components in Angular Read More »

How to use Standalone Components with Angular Router

In this step-by-step Angular Router Tutorial, we learn how to use Angular Router to navigate from one view to another view using standalone components. Angular introduced Standalone Component API in version 14. It became a stable API in the Angular 15. One of the biggest benefits of the Standalone Component is that it offers a better Lazy loading than the Module-based API. In this guide, we will show you how to set up and configure the Angular routes to Standalone Components. We will show you this by creating an an Angular Routing Example application with a Standalone Components and create a menu navigation system using the Angular Router.

How to use Standalone Components with Angular Router Read More »

ng new in Angular CLI

Angular CLI Angular Tutorial Update Angular   ng new is the Angular CLI command that creates a new workspace and initial application project. The new application will become the default application in that workspace. ng new syntax The syntax of ng new is as follows. name: The name of the new workspace and initial project.

ng new in Angular CLI Read More »

Scroll to Top