I write to think more clearly. These are my notes on things I'm building and learning.
Recently, I had to integrate a tailwind based design system into a CRA app as a git submodule, and make it work with Storybook, Chromatic, GH Actions and Netlify. This post is a documentation of all the issues I faced.
I had to develop a server in Node which would act as a proxy and hit multiple different servers on behalf of the client, aggregate their responses, and send it back to the client. This post discusses a few approaches to achieve that.
We write JS code, and then send it to the client's browser, where it is executed. To write better code, it's good to have an understanding of how the code we write is going to be executed. This post explores how Chrome's JS engine (V8) runs JS code efficiently.
As users, we know how valuable performance of a website is. But as developers, how do we approach performance of our webapp? In this post, let's explore the metrics used to quantify web performance, and how we can optimize those metrics and have a positive impact on the user experience.
When you have to to present large number of data records in your webapp, you have two options - pagination or infinite scroll. In this post, let's see how to implement both these ways by building a sample app.
If user uploaded images play a part in your application, you will sooner or later face the problem of users uploading enormously sized images. To solve this, this post will walk you through a Lambda & S3 based solution which is fast yet very cost efficient.
When you use ECS to deploy your applications, it becomes tedious to build & upload container image to ECR every time you want to make a change. In this post, let's build a CI/CD pipeline for containerized applications using AWS CodeBuild.
Some of the concepts in git are such that, however much you read about it, you won't fully grasp their mental models unless you actually are in a situation where you have to use them. This post is an attempt to explain rebase and merge workflows in git.
This post explores what NextJS is, how it differs from the likes of Gatsby and CRA, and how you can perform basic tasks like Navigation, Routing, Data Fetching in NextJS. We'll also take a look at the flexibility that Next provides while choosing to prerender or server side render pages.
Understanding the tooling is crucial to understand what exactly is happening to the code we write, which helps us write better, bug-free code. This post is a collection of notes I made to understand more about the tools used in the JavaScript ecosystem.
AWS Rekognition is a powerful service which provides real time image & video analysis using deep learning. This post explains how to use the service by creating a simple web app using ReactJS and using Rekognition with AWS Lambda & API Gateway.
I wanted to learn more about AWS Services like Elastic Beanstalk, RDS, and EC2. So, I tried them out and deployed a simple REST API developed using Spring Boot that uses MySQL as a database. This post covers what these AWS services can do for you, and how you can start using them right away.
As a developer, it is important to sometimes step out of the comfort zone and try out new tools and frameworks, as frameworks are mere means to an end that solve some problems for us. I tried out a Spring Boot, a Web Framework in Java. This post will help you understand & get started with Spring Boot as a beginner.
Recently, I ran into a problem while using setInterval in React. The function you pass to setInterval is defined once and it closes over the old value of your component state. This becomes a problem when you want to use the state to determine whether to clear the setInterval. Read on to find out the solution that worked for me.
Ever wondered what makes React so fast? When it was introduced, the killer feature of React was it's concept of "Virtual DOM", however it brought on it's own set of challenges, including how to efficiently update the DOM to be same as React's virtual DOM. Read on to find out how React solves this problem!
One of the most frequently used git commands is git diff. How does it work internally? The brute-force way to compare all possible subsequences of strings has exponential time complexity. There has to be something more efficient, right?
GradGoggles is a cross-platform Virtual Yearbook and Scribble Book App developed for the Class of 2020, which missed all the fun due to the pandemic this year. This post describes the process that went behind developing the app, the technologies used, challenges we faced, and so on.
Recently, I have been working on a ReactJS project which uses AWS services heavily, so, I chose S3 and CloudFront for hosting. However, manually building and deploying the React WebApp every time was a headache. Read on to find out how I automated the build and deploy process,