I have come to realise a pattern in my past few years. It happens to be a series of one type of things that I do, and I do a lot of that for the year. For example, 2018 was “writing blog posts” year, wrote more than 50 blog posts. 2019, “the reading books” years,… Continue reading the “fancy” year
Breaking up long tasks
Imagine the scenario where you click on an element and expect a response but the element doesn’t seem like it was clicked and doesn’t respond, so you click again. Those two clicks however, when the response completes, lead to undoing the action you wanted. Ever happened with you? Sounds frustrating, doesn’t it? This is the… Continue reading Breaking up long tasks
Failed to execute ‘removeChild’ on ‘Node’.
This error is frequently noticed on some projects. Though it seems to be something to do with DOM modification, there seems to be nothing obvious from code where this could be caused. So, turns out there can be multiple reasons for this to occur: 1. Applying browser translation on non-wrapped elements.2. Conditionally rendering elements inside… Continue reading Failed to execute ‘removeChild’ on ‘Node’.
dabbling at epilot with…
Year 2022 marked an amazing start for me with a new stint with epilot GmbH based out of Cologne, Germany. I joined the team to be working on their micro-frontend architecture, with my primary focus going to be on the performance aspects of the applications. Like the first recent addition we did after I started was… Continue reading dabbling at epilot with…
Custom A2HS for your PWA
I came across a question somewhere regarding adding a custom prompt of “Add to Home Screen” for your progressive web application for the browsers that do not have a built-in support for the same. An example of this is the Safari browser that currently does not prompt the user for adding an app to your… Continue reading Custom A2HS for your PWA
Angular web app on Azure Static web apps
Building your app from a Github repository, with monitored commits and continuous deployment. Sounds fun? We can do this using Azure Static web apps. This was announced at Microsoft Build this year 2020. And, it seems to be making the task of building and hosting our web applications seamless. heard it right! Hosting web apps,… Continue reading Angular web app on Azure Static web apps
Counter with Redux-saga
Have been exploring redux-saga lately and thought I will put down here a simple counter example using Redux saga with TypeScript to manage the counter state across the application. We will start with with a simple create-react-app with a Counter Component. In the first part of the article, we will see how to modify the… Continue reading Counter with Redux-saga
Implement an e-commerce application
Create relevant components and modules Perform routing in your app Prepare services to interact with data Manage the state of the application We’ll create a cart example where we would implement all the concepts like services, routing, state management using services etc. It would basically look like: Set up development environment Install node and npm… Continue reading Implement an e-commerce application
IWD India Summit 2020
IWD India Summit 2020 is not very far and I am sure all of you are as excited as I am.I will be talking about framework-agnostic web components in Polymer, Angular etc. on May 31, 2020. Talk: Web Technologies/AngularDate & Time: May 31, 3:15PM — 3:45PM I am writing this blog post to bring up… Continue reading IWD India Summit 2020
Global Azure Virtual 2020 – Angular with Azure
I shared my two cents about using and deploying your Angular applications to Azure with CI/CD in the Global Azure Virtual 2020 UK and Ireland. A demo of this is given here in my talk recording: I have attached screenshots of what it takes during the process. So you can look at those in my… Continue reading Global Azure Virtual 2020 – Angular with Azure