Can You Solve This Bug? | Frontend Debugging Tips | JavaScript Closures | React.js

In this video, we are going to take a look at interesting frontend issue. We will try debug it and discuss core frontend concepts. We will try multiple approaches and opt for the most optimized solution.
Book A Mock Interview Session: topmate.io/yomeshgupta
00:00 Introduction
02:18 Problem Statement
03:46 Code Walkthrough
09:03 Initial Debugging And Approaches
12:34 Root Cause
16:08 First Solution
22:36 Second Solution
26:28 Outro
Support Us: devtools.tech/support
Try now using the links below
devtools.tech/questions/all?t...
devtools.tech/list/all
You can support our channel via:
rzp.io/l/support-devtools-tech
devtoolstech.gumroad.com/l/su...
www.buymeacoffee.com/yomeshgupta
************************************************************
Devtools Tech is a UA-cam channel started as a collaborative effort among like-minded engineers to provide high-quality programming tutorials for free. We firmly believe in knowledge sharing and easy access to quality content for everyone. Hence, this channel is an effort to give back to the community and a step toward our belief -- "We rise by lifting others".
Interview questions: devtools.tech/questions/all?r...
Interview resources: devtools.tech/resources/all?r...
Hidden Gem: devtools.tech/crazyones
Team Members:
Yomesh Gupta
Portfolio: yomeshgupta.com
LinkedIn: / yomeshgupta
Twitter: / yomeshgupta
#javascript #ai #web #frontend #interviewquestions #devtoolstech #code #programming #developement #devtoolstech #code
***********************************************************

[@sujalgupta6100]

I believe to be able to understand these types of problems and gain knowledge about the same. It requires to you build a project and keep experimenting.
Like we have all learnt closures but couldn't guess that it is being used here.

[@DevtoolsTech]

Core fundamental concepts are everywhere. They are the foundation of any good software. The aim with the content on this channel is to help fellow engineers understand the concepts better and show real world scenarios.

[@HK-er7wf]

If the child component at the bottom re-renders as soon as the prop onMount changes (which is every render), none of this is needed, right ? It would have a fresh onMount function every time, there by fresh filePaths
Is this a library/functionality restriction? Child re-rendering on prop change is fundamental react behavior. Good video though 👍

[@DevtoolsTech]

Yes, it is a restriction that it doesn't call the onMount on every re-render. If it calls then it would fail the purpose of onMount.
Glad you liked the video.