Preview let syntax in HTML template in Angular 18

Loading

Reading Time: 5 minutes Introduction In this blog post, I want to describe the let syntax variable that Angular 18.1.0 will release. This feature has debates in the Angular community because some people like it, others have concerns, and most people don’t know when to use it in an Angular application. I don’t know either, but I use the … Read more

Content Projection Fallback in ng-content in Angular

Loading

Reading Time: 3 minutes Introduction In this blog post, I want to describe a new Angular 18 feature called content projection fallback in ng-contentWhen content exists between the ng-content opening and closing tags, it becomes the fallback value. When projection does not occur, the fallback value is displayed. Bootstrap Application Bootstrap the component and the application configuration to start … Read more

Unified Control State Change Events – working with reactive form is never the same in Angular

Loading

Reading Time: 6 minutes Introduction In this blog post, I want to describe a new Angular 18 feature called unified control state change events that listen to events emitted from form groups and form controls. These events return an Observable that can pipe to different RxJS operators to achieve the expected results. Then, the Observable can resolve in an … Read more

Made typos in routes? Redirect routes with functions

Loading

Reading Time: 4 minutes Introduction In this blog post, I want to describe a new feature called redirect functions with routes. When defining routes in Angular, it is possible to catch and redirect a route to a different path using redirectTo. One example is to catch all unknown routes and redirect them to a 404 page. Another example is … Read more

Built replies generation application with Angular

Loading

Reading Time: 6 minutes Introduction I built a replies generation application four times using different large language models, APIs, frameworks, and tools. I experimented with different tools and models to find my preferred stack to build Generative AI applications. Create a new Angular Project Update the app component The app component has a router outlet to lazy load the … Read more

Built text summarization application to summarize a web page with Angular

Loading

Reading Time: 6 minutes Introduction I am an Angular and NestJS developer interested in Angular, Vue, NestJS, and Generate AI. Blog sites such as dev.to and hashnode have many new blog posts daily, and it is difficult for me to pick out the good ones to read and improve my knowledge of web development and generative AI. Therefore, I … Read more

rx-angular/state – a library for managing states of an Angular application

Loading

Reading Time: 7 minutes Introduction Many companies and developers use Angular to build Enterprise applications, which are so large that they must manage a lot of data. To maintain the applications in scale, developers use state management libraries such as the rx-angular/state library or the Angular Signal API to manage states. In this blog post, I create a cart … Read more

Signal in a service for state management in Angular

Loading

Reading Time: 6 minutes Introduction Many companies and developers use Angular to build Enterprise applications, which are so large that they must manage a lot of data. To maintain the applications in scale, developers use state management libraries or “Signal in a Service” to manage states. In this blog post, I implement the “Signal in a Service” to create … Read more

State Management in Angular using NgRx Signal Store

Loading

Reading Time: 6 minutes Introduction Many companies and developers use Angular to build Enterprise applications, which are so large that they must manage a lot of data. To maintain the applications in scale, developers tend to use state management libraries or the Angular Signal API to manage states. In this blog post, I want to use the NgRx Signal … Read more

State Management in Angular using Tanstack Store

Loading

Reading Time: 6 minutes Introduction Many companies and developers use Angular to build Enterprise applications, which are so large that they must manage a lot of data. To maintain the applications in scale, developers tend to use state management libraries or the Angular Signal API to manage states. In this blog post, I want to use the TanStack Store … Read more