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

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

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