Agney Menon

Engineer. Driven by Passion

Latest Posts

7 NPM Commands to help you save time.

on December 03, 2019

As JavaScript developers, NPM is something that we always use and we have a script continously running on the terminal. What if we could save some time using it? 1. Open documentation directly from npm What if we could directly jump to the…

A GatsbyJS Advent Blog Posts Theme

on December 01, 2019

The Advent has officially began and it's time for some advent blog posts. I made a GatsbyJS theme to help you get started on the #Trend. Source: Demo:…

Configuring Preact CLI with Tailwind CSS

on November 23, 2019

Tailwind CSS is a utility first CSS framework for building custom web designs. The utility consists of a lot of CSS classes and is usually configured via PostCSS to include these class names and styles into the project. Here, we will…

Introducing Playground - A Frontend Demonstration Component

on November 20, 2019

Playground is a React Component that can be used for demonstrating HTML, CSS and JavaScript code. Features Allows bare ES package imports. This means you can add imports for any library that supports ES Module resolution and playground…

When to use useCallback

on October 23, 2019

This post does not have a Yes/No answer, but tries to explain from a begineer standpoint why this hook is part of the official roster. Let us start the story with two components: Parent Child The parent component has a button that…

Why is my state not getting updated - Hooks version

on October 18, 2019

Probably because you are using it wrong. Find class based version here Why is your state not getting updated? Straight out of React docs , setState may be asynchronous. What does that mean? Let’s find out. What is the output? First the…

Immutable Array Operations - JavaScript

on October 05, 2019

Svelte JS documentation reads: Because Svelte's reactivity is triggered by assignments, using array methods like push and splice won't automatically cause updates. For example, clicking the button doesn't do anything. It further goes on to…

OG Images with Github Actions

on September 20, 2019

Open graph images are those that show up on your social media card when you share the URL. Here is how to add one: Simple, Right? Now for comparison here are two tweets: I think we can all agree that this is pretty bland. Now let's look at…