Git Rebase — how to use interactive rebase properly

I seldom use interactive rebase in the git but recently I learn a best practice from co-worker and I would like to share my experience in here.

old approach (bad practice)

MongoDB — project some fields instead of all inside $lookup

I am working with MongoDB aggregation and I need to use $lookup to lookup another collection. After the $lookup stage, I only want some fields from another collection, so I look for a solution to project inside the $lookup…

React — how to cancel previous axios request

I have to implement a search functionality and it will trigger the search api in…

React — detect scroll to bottom event

I want to capture event when I scroll to the bottom of the div. This is my solution. I will use the onScroll event.

outer div

style of the div

React jest testing — mock function inside functional component

I need to write test using jest in React, and I would like to mock a function inside the React functional component.

I find a way in react-test-renderer for calling handleClick in react class…

AWS S3 — no ‘access-control-allow-origin’ header is present on the requested resource

Update the CORS configuration in S3 bucket

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">…

React/NextJS — SSR and Responsive Design

I have ran into this for trying to build the responsive design with SSR feature in NextJS.

Here I captured the steps when I worked through to the end solution.

1. tried to build responsive GridLayout. with…

How to kill the process on localhost 3000 port on window

I ran a Node.js application on localhost:3000 but it was crashed. When I tried to run it again and the old process was still there and I needed to kill it in order to run my node application.

html2canvas — does not render images located in the element

I use html2canvas to take the screen shot of the html element but it didn’t capture the image in the screen shot. Here is what I find on google.

Solution