Tag Archives: Angular

Using combineLatest in Angular to perform multiple HTTP requests but don’t wait until all done.

In a previous post we have seen how the forkJoin operator is used to group multiple http requests (basically group observables) and take action only when all the requests have returned, i.e, we are waiting until all the http calls are finished. But, what if we do not want to wait until all are done?,Continue reading “Using combineLatest in Angular to perform multiple HTTP requests but don’t wait until all done.”

Create HTTP Observable from Fetch in Angular

Explore the fusion of Angular and the Fetch API to create HTTP observables. In this guide, we unveil the power of asynchronous HTTP requests, providing you with a deeper understanding of HTTP observables. The Fetch API offers granular control and flexibility, making it a compelling alternative to Angular’s built-in HttpClient module. Whether you’re a developer seeking versatility, fine-tuned requests, or a new perspective, this approach has you covered in web development.

Understanding RxJS Operators: concatMap, mergeMap, and exhaustMap

RxJS, or Reactive Extensions for JavaScript, is a powerful library for working with asynchronous data streams in JavaScript. It provides a wide range of operators that enable developers to manage and manipulate data flows effectively. Among these operators, concatMap, mergeMap, and exhaustMap are commonly used for transforming and managing observable sequences. In this blog post,Continue reading “Understanding RxJS Operators: concatMap, mergeMap, and exhaustMap”

Create a custom RxJS Operator – Debug Operator

Sometimes in reactive programming its difficult to understand logic or code when we are using multiple operators, it’s not always easy to read through the observable chain, so in order to better understand the program and to troubleshoot the code we often use the tap operator to log statements to the console. For example: Say,Continue reading “Create a custom RxJS Operator – Debug Operator”

10 tips for improving the performance of Angular applications

Unlocking Peak Performance: 10 Tips for Supercharging Your Angular Applications

Are your Angular applications not quite reaching the speed and efficiency you desire? Fret not! In this article, we dive into the realm of optimization, uncovering 10 invaluable tips that will take your Angular projects from sluggish to stellar. From code structure to lazy loading, we’ve got you covered with expert advice on harnessing the true potential of Angular. Buckle up as we guide you through the world of performance tuning, leaving no stone unturned in the quest for a lightning-fast user experience.

Building interactive charts with AmCharts in Angular

AmCharts is one of the widely used JavaScript-based interactive charts and maps programming libraries and tools. In this post we will look at how to integrate the AmCharts into Angular project. Prerequisites Before getting started, make sure you have the following dependencies installed: Step 1: Create a new Angular project To create a new AngularContinue reading “Building interactive charts with AmCharts in Angular”

Export data to excel sheets using SheetJS in Angular.

In the previous post we have see how to get started with exporting data to excel files using SheetJS / XLSX library. Now, let’s try create a service class which takes an array for multiple tables data and export the data to sheets in the excel file. Above code will be overwhelming, so I wouldContinue reading “Export data to excel sheets using SheetJS in Angular.”