Agney Menon

Engineer. Driven by Passion

Latest Posts

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…

Add an RSS Feed to Gatsby MDX Blog

on January 23, 2020

Google Reader might be dead, but RSS lives through the hearts of some great applications like Feedly , Feedbin and Winds . Adding an RSS Feed has long been a long time bucket list item and I'm happy to have ticked it off. You can now…

Hooks of React Router

on January 18, 2020

React Router 5 embraces the power of hooks and has introduces four different hooks to help with your routing. But before we look at hooks themselves, we have to look at a new pattern that the Route component exposes and how this changes…

Creating a JAMStack Reader App with React & Netlify Functions

on January 04, 2020

I'm in 💖 with the JAMStack , It gets the work done. One of the very exciting companies in this area is Netlify . Anyone who tested their hosting would tell you it's top class and I would recommend it anyday. In this post we will explore…

Promises - JavaScript concepts

on December 10, 2019

This is part of a series where I try to explain through each of 33 JS Concepts . This part corresponds to Promises. Background JavaScript is a single threaded language, which means it can work on only one thing at once. I'm sure this…

Styled Components & TypeScript - 😍

on December 07, 2019

Styled Components happens to be one of my favorite CSS in JS libraries all time and have been part of almost all of my ReactJS projects. As I'm transitioning most of my projects to include TypeScript, there are things I stumbled along…