React JS Interview Questions ( useMemo Hook Polyfill )- Frontend Machine Coding Interview Experience

Подписаться 110 тыс.

Просмотров 13 тыс.

50% 1

🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details
#JavascriptInterview #ReactInterview #ReactJS
React Interview Question on building the Polyfill of useMemo Hook or its custom implementation will be created in this video along with tips and tricks to tackle your React JS and JavaScript Questions in Frontend Machine Coding Interviews.
➡️ Book an Interview Preparation call with me ( 20% OFF for limited time ) -
topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
/ discord
🟪 Follow me on Instagram and u will clear your interview 🤓 -
/ roadsidecoder
🔗 Complete Data Structures and Algorithms with JS Course - • Data Structures and Al...
➡️ Source Code -
github.com/piyush-eon/fronten...
🔗 Frontend Machine Coding Interview Series -
• Frontend Machine Codin...
🔗 JS Interview Series -
• Javascript Interview Q...
🔗 Cars24 Interview Experience -
• Frontend Interview Exp...
🔗 Unacademy Interview Experience -
• Frontend Interview Exp...
🔗 Tazorpay Interview Experience -
• Frontend Interview Exp...
🔗 MERN Stack Tutorial with Redux -
• MERN Stack Project Tut...
🔗 React Beginner's Project Tutorials -
• React JS Project Tutor...
-------------------------------------------------------------------------
00:00 Intro
00:36 What is useMemo Hook?
01:05 Initialise a new React App
01:26 Simple Counter App Example
04:35 useMemo Hook Example
06:40 Book a 1:1 Call with me
07:00 Custom useMemo Hook Implementation
08:39 Cache Memory for our Hook
10:19 Comparing new and old dependencies
14:21 Unmount / Cleanup Logic
15:48 Using useMemo Polyfill in our App
16:02 Testing our Hook
-------------------------------------------------------------------------
⭐ Support the channel -
/ @roadsidecoder
Special Thanks to our members -

Опубликовано:

14 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 40

@RoadsideCoder 8 месяцев назад

🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details 🟪 Follow me on Instagram and u will clear your interview 🤓 - instagram.com/roadsidecoder/ ➡ Book an Interview Preparation call with me ( 20% OFF for limited time ) - topmate.io/roadsidecoder

@raki0125 8 месяцев назад

Yes in depth needed

@kavyar8579 8 месяцев назад

Woah, that was clean 🔥

@RavindraSingh-lp9pl 8 месяцев назад

@roadside coder...you are kinf of React bro...very useful tutorial..please make few more on machine coding

@Ameersoccerdev 8 месяцев назад

Yes plz keep making dsa in js we wait every weekend

@umargulzar2982 8 месяцев назад

please make videos for Senior Front End Engineer from Javascript to React.

@mohammedfaseeullah6095 8 месяцев назад

Bro, don't forget about the data and algos❤

@chandruloganathan3725 8 месяцев назад

Bro make a video on reactjs folder structure and how to build the reuseable hooks please please please🙏

@nileshdeshmukh7841 8 месяцев назад

Please explain useRef in Details & How React Internally works in Depth

@JudoboyAlex 8 месяцев назад

Please create a video on how react works or when it re-renders.

@amitavasengupta5580 2 месяца назад

Cause of the reconciliation

@user-bf6su1gh4t 8 месяцев назад

plz make videos how react works in depth

@hardikpandey6743 5 месяцев назад

Make a video on how react works!!

@mithiladk8118 8 месяцев назад

Sir , please make a video on how react works

@shaheer8681 8 месяцев назад

please make a video on how react works

@santoshsalawadagi6809 8 месяцев назад

Make How react work video ❤😊

@oriongaming2770 8 месяцев назад

at 14:00 . If we compare the prev and next deps with index , does that work if my next deps array order change but values are same as previous ? Also check for the length equal does affect if I add 1 more dep in the next deps array ?

@018_anirudh3 8 месяцев назад

at 5:00 cant we wrap sqauredValue function into useEffect and made it execute whenever increment btn is fired. also if possible create a video explaining which hook to use when .

@karthikeyannagarajan4693 8 месяцев назад

Hi, Really nice one. Would you possiablr create project with DSA implmentaion with typescript it would you helpful to understand DSA React with typescript

@ayushsrivastava918 8 месяцев назад

make video on how react works

@shagunpreetsingh7105 8 месяцев назад

Great video bro... I just wanted to know... I may be incorrext at this.. but what would happen if prevDep[i] and nextDep[i] both are some objects maybe deeply nested objects, don't we need to do a depth comparison of both in that case. I'll be waiting for your views on this @RoadsideCoder 😊

@RoadsideCoder 8 месяцев назад

Another way to compare the deps is to stringify both objects, that would also work.

@shagunpreetsingh7105 8 месяцев назад

@@RoadsideCoder yup that'd work

@akashchakroborty2665 7 месяцев назад

Thats not the ideal way to compare dependencies in hook. Remember React uses Object.is() to compare dependencies so its always Shallow comparison.

@stackdeveloper6614 Месяц назад

React compares the dependcies using Object.is() function which only does a shallow comparison of the objects. So, we should not do deep comparison. If objects refer to the same memory between rerenders, they are same

@jaydeep-p 8 месяцев назад

What camera are you using?

@mohitjassal629 7 месяцев назад

how react works .. pls make video on it sir ❤

@rahulcse3970 2 месяца назад

Can you make polyfill of React.memo()

@kumardeepaksah37 3 месяца назад

Can you tell me how to manage crawling issue in cra react 18 and improve seo of react apps

@RoadsideCoder 3 месяца назад

use server side rendering

@satadhi 2 месяца назад

can someone tell me how useEffect is getting used in customHook function which is not a React function ? I mean useEffect has meanin only in react components right ? what am i missing here ?

@abhinavsingh9854 Месяц назад

All the rules applicable for react functional components will holds valid for react hooks as well. That's why you can use react builtin hooks inside react Custom hooks

@Rahuljain-vf1sj 6 месяцев назад

If I will pass different callback (function) with same dependency , it will give me cached response of previous callback ? which is not right ? @RoadsideCoder

@RoadsideCoder 6 месяцев назад

no it wont, because that will be a completely different useMemo, u can't dynamically change callbacks in a usememo hook