TIL: Server vs Client Components in Next.js

For worldcuppicks.co, my World Cup prediction site, I used Next.js for the frontend. It comes with file based routing and built in image optimization, and the App Router makes data fetching simple. What I didn’t realize until I started building real pages was how much of the app could ship with zero client side JavaScript, because of how Server and Client Components work.

More …

TIL: Finding the Buggy Commit with Git Bisect

On a Thursday night right before the 4th of July, I was going through PRs when I suddenly realized that our standard charts had their top padding completely missing. Usually, this would be easy to spot, but our web code is pretty complicated, so in the first 15 minutes, we couldn’t figure out the problem.

More …

TIL: React Class vs Function Components

Today, I was updating one of the existing React components in our Kustomer web codebase to prefetch saved search graph data upon a property change. Our existing React component appeared to be a class component like below:

More …

Hello everyone!

I am super excited to start sharing my learnings and experiences in my brand new website! This will be a space where I document my findings, tips and learnings– mostly technical, but occasionally personal as well.

More …