Search for a command to run...
As a Senior Principal Engineer at CVSHealth, I specialize in building and optimizing cvs.com to deliver a superior guest experience. Using the latest web technologies, my team and I work diligently to create a user-friendly and intuitive platform that exceeds expectations.
No comments yet. Be the first to comment.
Use the following script to download videos from YouTube using yt-dlp. Incorporating cookies-from-browser can assist in downloading videos that are behind a paywall, provided you have already paid for that content. Please ensure you adhere to the con...
I ran into an issue recently where my autocomplete suggestions on VSCode would only bring up Emmet suggestions and none of the type information would be suggested in autocomplete. After digging through VSCode settings for a bit, figured out that you ...
I recently set up an Nx monorepo with a lot of sensible defaults. My linting config was working perfect in CI. Running ESLint on terminal through Nx would work fine as well but I was not seeing any ESLint issues on my VSCode editor. On digging deeper...
Intro Setting up a NextJS project is exciting, but securing the localhost environment for testing and development can be challenging. To enable a common usecase of accessing cookies from the production domain (e.g., example.com) while working locally...
This will be a running list of things that I found useful while working on enterprise projects. These can be good tips for other projects too but since there are usually a lot of developers working across enterprise codebases, it is a good idea to es...
React component performance
React has made it easy for web developers to quickly develop and deploy apps into production. However, as the app gets huge and you have many developers working on the same codebase, different patterns emerge. And as a result of this, slowly you will end up having performance issues on the website. These may not be immediately visible on the high-end laptops that we as web developers have the privilege to work on. But as the product grows its outreach into newer markets, and your users start using your web app with handheld devices, any performance issue can become a significant problem to the business revenue.
While trying to identify performance issues on my website, I often have to switch between Performance panel on Chrome DevTools and the React DevTools profiler. Once I identify the component having a perf issue with these previous tools, I often have to find out which props actually changed and the previous v/s new value of the culprit prop.
Here is one handy script that you can plug into your componentDidUpdate to identify the props causing re-renders for a particular component.
In the above code sandbox, click on the button to update the component state, and inspect the changing values on console.