Part II: How OnPush Change Detection works with the @Input() property and DOM events. — In this story, we will explore how OnPush Change Detection works with the @Input() property and DOM events. If you have not seen the first story in this series, do check the below link where we explore Immutability, Mutability, Pass By Value and Pass By Reference. Angular: My journey with learning OnPush Change Detection — Part I The first concept I think every beginner must know before diving into OnPush ChangeDetection would be mutability and…ramya-bala221190.medium.com

Part I: Learn the concept of mutability and immutability before diving into OnPush ChangeDetection. — The first concept I think every beginner must know before diving into OnPush ChangeDetection would be mutability and immutability. To understand why these concepts are important prior to understanding how OnPush works in Angular, let me give you a brief idea about OnPush vs Default Change Detection Strategy.

I have used sorting extensively in my work projects. Mostly it was with sorting numbers/strings/dates. If you are displaying an array of user data in a table,sorting can be used in 2 different ways. Sorting the entire data based on one parameter, say Age. Sorting the data in the table…

To demonstrate how proxy and environment files work, I have created a simple Angular App with just a button “Loading Data”, clicking on which will fetch some dummy data from a Node Express Server. This Node Server is our application server running on http://localhost:3000. I will walk you through 3…

This is the final part of this story. These 3 parts do not cover the entire Animation concept but definitely will provide some foundation to delve deeper into the subject. In Part-I, we looked into state(), transition(), trigger(), style(),animate() and keyframes(). Angular: How I understood the basics of Animations- Part I If you don’t know animations, it will definitely not be a blocker while developing an application in Angular. But…medium.com

If you have not seen Part-I of this series, do check the below link, where we have explored transition(), state(), animate() and keyframes() with a simple example. Angular: How I understood the basics of Animations- Part I If you don’t know animations, it will definitely not be a blocker while developing an application in Angular. But…ramya-bala221190.medium.com In this story, we shall see 2 examples to check few more animation features.

If you don’t know animations, it will definitely not be a blocker while developing an application in Angular. But knowing and applying it can make it a pleasing experience to the user using the application. Starting with an actual application use-case can get overwhelming if you are a beginner. So…

ViewEncapsulation has been something I have avoided for the longest time, without realizing that I have been using it all along while working on my Angular projects. In this story I will walk you through the simple example I used to understand how the Emulated and None ViewEncapsulation work. In…

Consider you have a group of tabs in your application, and you are loading content from an API based on the tab selected. These are the 2 questions that arise when designing a “Group of Tabs”. When I click on Tab-1 and an API call starts executing to load data…