‹ Back

Articles.

Webpack-dev-server is an excellent utility for quickly building client-side applications. With hot module replacement out of the box, development becomes are breeze. ⚡️ Webpack-dev-server, at its…

The Page Visibility API

Do something with your webpage when your user switches tabs

The Page Visibility API provides us a means to know whether the user of our webpage is actively viewing the page or has moved the page to the background, by either switching tabs or minimizing the…

Most editors and writing apps, including Medium here, provide some means to reference other users on their platform. A common pattern that a lot of applications use (Github, Slack, Facebook, Twitter…

ReactJS: Dropdown menus

A quick guide on building dropdown menu interactions in React.

We’ll be building a menu with the following interactions:- Clicking opens the menu. Clicking on anything inside it does not close the menu. Clicking anywhere outside the menu closes it.

Jest, ExpressJS and the EADDRINUSE error

Potential fix for an obscure error. 🕵️‍

This is more of a TIL post; something that I feel might be useful to someone looking for answers to what I had run into. 😄

An Intro to Javascript Proxy Objects

Change the way you interact with Objects

Proxies were introduced in ES6 to allow you to provide custom functionality to basic operations that can be performed on an Object. For example, get is a basic Object operation. Here, the console.log…

Managing user presence with Firestore

Handle your users’ online and offline status

A quick guide on managing your users’ online and offline statuses using Firestore, Firebase Cloud Functions and Firebase Realtime database

Build your own Redux middleware

A quick-start guide to Redux’s underused feature!

There is no denying the impact that Redux has had on the React (and even Angular) landscape. Over the years, it has cemented its position as one of the most popular state management libraries. Now…

Documentation does not have to be hard

Stop your dev teams from losing knowledge

Some day, someone is going to find your well structured PR, task or doc, or even the guide you’d written and think to themselves — “Damn. Whoever you are, I will find you and I will buy you a beer” 🍻

Search-friendly Infinite Scroll

Help indexing bots find content on your infinitely scrolling page

Infinite scroll is a UX staple today. It’s a seamless way to get users to potentially see everything that you’ve got to offer without showing them where your content ends. It makes content discovery…

Javascript : The Curious Case of Null >= 0

Why it’s important to read the Javascript Spec

While compiling notes for a crash course on Javascript I was to give to a couple of colleagues, I came across a rather interesting scenario with null and relational operators…

NodeJS and GraphicsMagick: Cropping and resizing images on your server

Guide to building a ExpressJS application that can resize and crop images.

Image manipulation is a common task that developers come across. Uploaded images may need to be cropped, resized, compressed, etc on the server before being saved off in a storage service like s3…

Debug your website on a mobile device

Accessing browser developer tools on a mobile device.

Desktop browsers have amazing debugging and developer tools. Using Chrome Remote Debugging, you can now extend this to mobile browsers too!