The ü/ü Conundrum

I implemented search and filtering for entities on our product at epilot. The users were heavily using the feature, however, a unique issue surfaced: difficulties in filtering file names containing diacritical marks like umlauts (Äpfel, über, schön, etc.). Intrigued, I delved into the logic to investigate. Initially, everything seemed in order. For instance, a file named “blöb”… Continue reading The ü/ü Conundrum

How using Server-Timing API helped bring > 70% perf improvement

When working on the web, we all end up coming across situations where the experience for the user seems a bit janky. This happens either when you are dogfooding, or the users actually highlight facing that slowness, or you see that for yourself in your performance metrics or tools. What one’d do in such a… Continue reading How using Server-Timing API helped bring > 70% perf improvement

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’.

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

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

Published
Categorized as react

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

Published
Categorized as #angular