Agney Menon

Engineer. Driven by Passion

Latest Posts

useMemo inside Context API - React

on March 27, 2021

One of the most common places a useMemo is seen (in the wild) is for memoizing React context value. Let's look into what are the advantages of doing this and how we can prevent unnecessary renders using this pattern. Context provides a…

twin.macro is my new styling favorite

on December 21, 2020

I have already made my love for styled-components pretty clear on many different posts in this blog. This blog is about a new absolute favorite - twin.macro . Before we talk about twin.macro , we have to talk about TailwindCSS…

Sequelize Associations - Fetching Associations

on August 22, 2020

This blog exclusively deals with how to fetch associations in sequelize. Primary knowledge of NodeJS, Express and SequelizeJS is recommended. Sequelize is an Object relational library (ORM) that helps to communicate between database…

Sequelize Associations - Creating Associations

on August 16, 2020

Sequelize is an Object relational library (ORM) that helps to communicate between database (Postgres, MySQL, MariaDB, SQLite and Microsoft SQL Server) and programming models on the NodeJS end. This blog exclusively deals with how to setup…

Please don't overuse optional chaining

on August 10, 2020

This post is small rant on optional chaining and it's usage. If you don't know, optional chaining allows you to use shorten your object reference chain by returning undefined when it sees a non existent reference in the chain. Consider a…

Counting React Children

on June 24, 2020

Children.count() and Children.toArray().length have different outputs. We are going to explore how and why. Consider a React component: Now, to render this component we are giving it: Now, both counts listed in the UI would point to…

Writing a Snowpack Community Plugin

on June 24, 2020

Snowpack is a tool for building web applications with less tooling and 10x faster iteration. Snowpack comes with a starter generator called Create Snowpack App , it has official plugins for most of the frameworks. But what if we wanted to…

Tailwind CSS & Svelte on Snowpack - Preprocess

on June 23, 2020

Snowpack is a tool for building web applications with less tooling and 10x faster iteration. Tailwind CSS is a utility-first CSS framework for rapidly building custom designs. Let's explore how to combine both of them. Svelte is a…