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

by

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

by

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

by

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

by

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

Build full stack text translation application with Angular and Generative AI

by

Loading

Reading Time: 5 minutes Introduction I am a language learner who learns Mandarin and Spanish in my spare time. When I discovered that text translation using LLM is possible, I wanted to leverage the strength of LangChain and Gemini 1.0 Pro model in my hobby. Therefore, I built an Angular application to make a backend request to translate texts … Read more

HostAttributeToken – Injection token of static host attribute in Angular

by

Loading

Reading Time: 5 minutes Introduction HostAttributeToken is a new feature in Angular 17.3.0 that injects static attributes of the host node. The decorator version of HostAttributeToken is @Attribute, and it is recommended to use it over @Input because Input triggers change detection even when the input value is static. Before Angular 17.3.0, HostAttributeToken is an injection token to inject … Read more

Text translation using Google Cloud Translation API i in a NestJS application

by

Loading

Reading Time: 7 minutes Introduction I am a language learner who learns Mandarin and Spanish in my spare time. When I discovered that text translation using Google Cloud Translation API is possible, I wanted to leverage the strength of Google Cloud and a translation-specialized large language model (LLM) in my hobby. Therefore, I built a NestJS application to translate … Read more

Text translation using langchain.js and Gemini in a NestJS application

by

Loading

Reading Time: 7 minutes Introduction I am a language learner, and I learn Mandarin and Spanish in my spare time. When I discovered that text translation using langchain.js and Gemini 1.0 Pro is possible, I wanted to leverage the strength of generative AI in my hobby. Therefore, I built a NestJS application to translate texts between two languages through … Read more

Text translation using Azure AI Translator in a NestJS application

by

Loading

Reading Time: 7 minutes Introduction I am a language learner who learns Mandarin and Spanish in my spare time. When I discovered that text translation using Azure AI is possible, I wanted to leverage the strength of the translation service of Azure Cognitive Service in my hobby. Therefore, I built a NestJS application to translate texts between two languages … Read more

Create a generative AI application with Angular and Gemini REST API

by

Loading

Reading Time: 7 minutes Introduction In this blog post, I show how to create a generative AI application that uses Angular and Gemini REST API. Therefore, it is feasible to build basic generative AI without a backend. The application demonstrates 2 use cases Generate Gemini API Key Go to https://aistudio.google.com/app/apikey to generate an API key for a new or … Read more