Reset or set the value in LinkedSignal in Angular 19

Loading

Reading Time: 7 minutesThe new LinkedSignal feature introduced in Angular 19 provides a powerful mechanism for managing reactive state by allowing a signal to be directly linked to a source value. The LinkedSignal creates a WritableSignal; therefore, developers can set the value explicitly or update it when the source changes, facilitating a seamless synchronization between the two. This … Read more

Explain toSignal custom equality checking in Angular 18

Loading

Reading Time: 4 minutesIntroduction In this blog post, I want to describe the toSignal custom equality checking that Angular team released in version 18.1.0. toSignal supports an equal option where developers can pass in a function to determine whether or not two signal values are the same. The equal function was supported by the built-in signal when Angular … Read more

Preview let syntax in HTML template in Angular 18

Loading

Reading Time: 5 minutesIntroduction 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 minutesIntroduction 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 minutesIntroduction 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 minutesIntroduction 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 minutesIntroduction 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

Generating replies using Huggingface interference and Mistrial in NestJS

Loading

Reading Time: 7 minutesIntroduction In this blog post, I demonstrated generating replies with Huggingface Inference and Mistral 7B model. Buyers can provide ratings and comments on sales transactions in auction sites such as eBay. When the feedback is negative, the seller must reply promptly to resolve the dispute. This demo aims to generate responses in the same language … Read more

Generating replies using Groq and Gemma in NestJS

Loading

Reading Time: 7 minutesIntroduction In this blog post, I demonstrated generating replies with Groq SDK and Gemma 7B model. In auction sites such as eBay, buyers can provide ratings and comments on sales transactions. When the feedback is negative, the seller must reply promptly to resolve the dispute. This demo aims to generate responses in the same language … Read more

Generating replies using Langchain multiple chains and Gemini in NestJS

Loading

Reading Time: 7 minutesIntroduction In this blog post, I demonstrated generating replies with Langchain multiple chains. In auction sites such as eBay, buyers can provide ratings and comments on sales transactions. When the feedback is negative, the seller must reply promptly to resolve the dispute. This demo aims to generate responses in the same language of the buyer … Read more