Oct 24, 2020Understanding how Angular ChangeDetectionStrategy.OnPush works for @Input, Service and ng-contentObserve and analyze by debugging step by step through ChangeDetectionRef internal methods — Introduction: Whenever we talk about performance in Angular based application, Change Detection Strategy plays an important role. …Angular10 min readAngular10 min read
May 20, 2020Monorepo Pattern: Setting up Angular workspace for multiple applications in one single repositoryIntroduction: — In this article, I would like to discuss my experience while setting up an Angular project to use the Monorepo pattern. The Monorepo, as the name suggests mono (single) and repo (repository of the codebase) is a single source of truth for the entire organization code base. …Angular11 min readAngular11 min read
Apr 19, 2020RXJS Subject-Subscription: Heap memory analysisOne of the most important things that we need to be aware of while working with RXJS observable streams is to always unsubscribe to these streams gracefully otherwise the web application is susceptible to a memory leak which may result in slow performance and ultimately result in crashing of the…Angular6 min readAngular6 min read
Aug 5, 2019Web Accessibility: Angular Hierarchical Tree View Component with keyboard navigationIn this post, we will discuss an angular (version 8) Tree View component which presents a hierarchical list. An item(or node) in the hierarchical list may have child items which either expand or collapse to show or hide child items. The file system navigation would be a classic example and…Angular9 min readAngular9 min read
Apr 25, 2019Web Accessibility: Angular Web Component to toggle options between two Listbox(s)Quite often when developing a web application, we encounter a business scenario where we must provide a way to user to select multiple options from list of available options. …Accessibility6 min readAccessibility6 min read
Mar 3, 2019Upload file(s) to AWS S3 bucket using temporary credentials via AWS Cognito-AWS SDK javascript in Angular applicationFor the past 8 to 10 months, have been preparing for AWS certification(s) and was successful in getting through AWS Developer Associate, AWS Architect Associate but failed AWS SysOps with 689/1000 score where the passing score was at 720/1000[Will re-attempt shortly]. Although I am not sure how much do these…AWS7 min readAWS7 min read
Jul 10, 2018Publish/Deploy angular application into github pagesHere are the steps that I followed to publish standalone angular application into github.io Created a github repository with Repository Name: ng-ghpages 2. Cloned the repository and created an angular app. $ git clone https://github.com/kgotgit/ng-ghpages.gitGithub3 min readGithub3 min read
Jul 9, 2018Web Accessibility: Autocomplete Combobox with manual Selection(Angular Component) -Part 2In continuation to Web Accessibility-Part 1, in this one we will go ahead and implement a combobox component which is accessible via keyboard and is screen reader friendly. First, let’s analyze the final HTML code rendered before we go ahead and implement an angular component. …Accessibility3 min readAccessibility3 min read
Jul 7, 2018Web Accessibility: My share of experiences (Part 1)We just wrapped up building a web application where section 508 compliance (accessibility) was an implicit requirement. When we started building the application, angular 2 has not yet released and since angular JS was going to get obsolete we stick our grounds to standard tech pack such as JQuery, bootstrap…Accessibility4 min readAccessibility4 min read