Video

lets say i have a const currentTime = new Date() below the count state and i try to render it <p>Current Time: {currentTime.toLocaleTimeString()}</p> in place of testcomponent ... then when i click the increament button the date also updates and shows the current date and time at the moment the button is clicked ..now you said that it wont happen because of virtual dom and it only renders the elements that is being updated but here this is no the case.. Can you explain why???

Please don’t stop posting videos. You’re gem dude

The animated character you are using doesn't look good at all and that weird mouth movement doesn't help as well. I suggest don't use it at all or find a better alternative .... It's just a suggestion from me.

Great Explanation !

That's a hella good explination man.

Thank you so much sir!! You are hidden en gem🙏💖

Amazing explanation

Teaching is a talent that not everyone have. Teaching good is even more rare and you absolutely have this talent. I really appreciate your approach and I wish you will provide more content for more concepts (e.g. ssr, caching, rehydration, etc). Other content idea is teaching libraries such as the Tanstack products (router, table, qusry). Anyway, thanks a lot and good luck!

Awesome. Thank you..

array.reduce(reducefn, 0) The second arg. should be 0, only if the acc of reducefn will be 0. Else, acc will be the first element of an array.

Yes pls a deep dive video is needed

Can you also add a video explaining the DOM, shadowDOM, and redux. Also how does the state gets passed to backend to store it in database.

React.memo(List) component takes a prop List and when parent function Component re-render, it will rerun the function and it will rerun the expensive function coz it's not under useeffect. after the recompute it will get pass into list component and list component will take a updated props and hence trigger render. In this case useMemo will wrap the expensive function and watch if items and filter prop is receiving the update from it's parent or not.

to avoid that ,async concept we need to use

Wonderful video!

3 reasons re rendering happens - change of state value - change of props value - re rendering of parent/grandparent components (for the impurity (side effect) of a component) Rendering itself is a well optimised method thanks to reconciliation. Moreover- 3rd reason can be avoided by using exporting default React.memo(component);

Thank you sir

Thanks. Core concepts. Very few touch or teach them.

This is a GEMMM

you are amazing...

const [count, setCount] = React.useState(0); this line is runned every time when Counter function is called ? every time new variable is created count, setCount and gets the current state and that callback respectively ?

I love your ability to explain simply, you sincerely helped me a lot, sir. Thank you!!

want a video on react redux

Nice Tutorial

So what's the bottom line? That any component that doesn't depend on state OUTSIDE itself (apart from what's passed in through its props) is a candidate to be memeoized (including components that have internal state)?

thanks for videos, and please mute the background music. thanks

Very well explained thx for your video

The most interesting case, where keyed and not keyed children are mixed (and may be even moved around), is not described.

hey your explanation is good but background music is so loud

fuck and wrong information

best explanation

const[a,b,c]=args which is array destructing--------- func1.call(obj1,a,b,c) please let me know if i am righr or wrong

newarr=[4,8,12]

alpha,gamma,beta based on your explanation :)

Well you could get smooth scrolling through lenis or maybe gsap ig I have tried it and works fine

background music is really annoying ...

In forEach , function executes and then returns undefined . Why do we use it then if undefined is returned???

I guess that is what Virtual Dom does. Am I correct?

Background 🎼🎼🎼🎼🎼🎼 score 😅

Thank u that was helpful

thnks

thanks

Bro please bring more videos regarding typescript and react btw your explanation are always lit 💥.

Amazing! 🔥

Can you please make video on how redux works?

I have quick question on this so when we say comparison do we really compare with real dom with virtual dom or we compare previous state of real dom..?

Where can I find the stackoverflow link that was mentioned in the video?

Best! Would love to see more & more videos from you.

Thank you so much! i was searching for this so long time finally found it. Thank you

How to used raycast and carbon for snapshot of code