Skip to main content

Posts

Showing posts from November, 2021

How to use trackBy in Angular with Example

In this article, we will discuss "How to use trackBy in Angular" . Basically, " trackBy " is used to improve the performance of an angular application. Today, I will try to explain the use of trackBy with an example. Why do we need trackBy in Angular? By default, no need to use trackBy in Angular. But with large collections of data, angular ngFor directive may perform poorly. For example, a small change of data such as adding a new record, editing, or deleting a record from the collection. The angular framework will remove all the DOM elements that are associated with the data and will create them again in the DOM tree even if the same data is coming. Here, a lot of DOM manipulation will happen in the background if a large amount of data comes from the API then the application performance will suffer. Angular trackBy example Angular provides us function trackBy which helps us to track the items which have been added or deleted. The trackBy function takes two argum...

How to Setup AWS Pinpoint (Part 1)

In this series of articles, we will discuss AWS Pinpoint and how to set up the pinpoint project with two-way communication and delivery reporting via AWS Kinesis Data Stream . Today, I will try to explain to you "How to Setup AWS Pinpoint . What is Pinpoint Amazon Pinpoint is an AWS service, you can use this to send push notifications, SMS, emails, or voice messages. It's easy to set up, flexible, and easy to use. Check here for details of pinpoint pricing . How Pinpoint Works [caption id="attachment_2632" align="aligncenter" width="1024"] Source: https://aws.amazon.com/pinpoint/[/caption]   Prerequisites AWS Account AWS Management Console Access Basic knowledge of AWS, If you are new to AWS then read service pricing properly. Otherwise, AWS charges your card when the free tier limit is crossed. IAM User (Check my previous post ) AWS provides a lot of services and all those have their own pricing plan. Also, they provide free tires ...

How to Deploy Angular App on Firebase

In this article, we will discuss "How to deploy Angular App on Firebase" . Today, you learn deployment an angular app on firebase is simple and easy. You can deploy your application directly from your terminal using simple commands. In case you are not familiar with firebase, it helps us to build and run web/mobile applications. For more details click here . Create an Angular Test App I have created a test application "firebase-test-app" . You can create a new project using the following command: ng new <project-name> You can learn more about Angular CLI ( All You Need To Know About Angular CLI ). Create Firebase App Go to the Firebase Console , and create a project. Add project name then click continue. I'm disabling the Google Analytics option because this is a test project. You can enable this in your project as per your requirements. Click to "Create project" , after the processing is complete you are redirected and get the confirmation. Cli...

How to Send SMS with AWS SNS using Lambda & Python

In this article, we will discuss "How to Send SMS with AWS SNS using Lambda & Python" . Amazon Simple Notification Service (AWS SNS) is a fully managed messaging service. You can check here for the pricing-related query, also amazon provides us the free tier for the same. We can use this service to send OTP, notifications messages. [caption id="attachment_2591" align="aligncenter" width="1325"] Source: https://aws.amazon.com/sns[/caption] In this article, we will send an SMS with a message to a specified phone number using Lambda with Python and NodeJs or using PHP. Prerequisites AWS Account AWS Management Console Access Basic knowledge of AWS, If you are new to AWS then read service pricing properly. Otherwise, AWS charges your card when the free tier limit is crossed. Create AWS Access Key & Secret Key Check my previous article "How to Create AWS IAM User with Programmatic Access" . After creating the IAM user, you ...