Agney Menon

Engineer. Driven by Passion

Latest Posts

Toast with Ionic React

on March 28, 2020

A toast notification is a long standing custom in mobile application used to notify the user of something happening within the system. Sometimes it even has buttons for interaction. Here is how to use one (straight from the docs): Well…

React - Avatars and Avatar Groups

on March 25, 2020

Avatar components are a huge part of our pages nowadays. From homepages to profile, the proliferation of round avatars everywhere. What would be the challenges of just adding an image in place? Images take time to load, the space would be…

Theming with Styled Components

on March 03, 2020

A guide on theming your web applications with Styled Components. Why should you theme? Themes help create an identity for your application. Themes can help abstract all usages of a particular color, length or shadow to a single place so…

TIL - Grid Blowout

on March 01, 2020

Today I learned that there is a thing named Grid Blowout . It's not as bad as sounds though. One fine day, I had a normal grid going and things were going great. Then the requirements changed and text had to be on a single line with…

Fast Track to Dark Mode with Styled Components

on February 25, 2020

This post describes a fast track to dark mode with Styled Components and a couple of other packages which is currently implemented on this blog. Note that we will not be discussing the implications or concept behind dark mode, there are…

Replacing Styled Components with a 1KB alternative Goober

on February 12, 2020

Styled Components and EmotionJS are two of the most popular CSS-in-JS libraries for the React land. But both of these do come with a cost, anywhere between 10KB to 20KB is how much any of these libraries would add to the your bundle…

Let's make a Picture in Picture Countdown timer on the Web

on January 28, 2020

Caution: This currently works only on Chrome. Firefox still does not have support for programmatic PiP. Can I Use - Picture in Picture The Normal Pomodoro Timer I'm starting off with a normal countdown pomodoro timer. I will be using…