Видео

Fuck this is awesome, saved me so many hours, thanks man

Wow, amazing!👽🖖

great brother...

your real voice is much more better than this

I can't understand your accent.

Answer to the question.....so basically we are passing the filtered array as the prop to the List Renderer. Because the return type of the expensive function is array (which is passed by reference) whenever on each render the expensiveFunction() is recalculates it creates new array that has different memory address from the original one so since the reference is changed so is the props change even though the new array is exactly same in the value the reference is different. If it were some primitive type like number/boolean etc, the child would not have been re-rendered. We can prevent this unncessary re-render by wrapping the expensive function in useMemo() hook.

not understood anything.

Awesome explaination. Please create react coursee and Typescript courses

Please do that in your real voice

createElement returns a plain JavaScript object, not a JSON object

I take 0s when you say that smash thumbs up button because I learn from this little pretty video ❤❤❤

Great content, but would've preferred your own voice instead.

In my today's interview, Interviewer gave me same scenario question and asked if child component will re-render or not.

Make video on redux

What does this have to do with a merkle root? Is a merkle root even necessary to create a genesis block?

thanks

Bro, I have one question, currently I am working on react project, in that suppose there are different pages, homepage, aboutPage, contact page, the routes are like Homepage-->Aboutpage, when I goback to Homepage from Aboutpage it re-renders entire Homepage, the child component inside Homepage handles multiple fetch/api request, since Homepage gets re-renders it again call the api, is there any way to prevent component from unmounting? (something like Keepalive from vue.js)

I found GOLD 🔥🔥

We can do this with useContext also right? What's the advantage of redux?

Why should we use redux when we have context hook which is built into react and serves the same purpose.

Good Explanation. Would love more react vids

It's bad that you used generated voice than your real one

Finally 😄

Propes are nothing just argument to function components

Please share the stackoverflow link that you mentioned in the video. Thanks!

Dont speak fast

you are a gem

Fucki*n awesome

explained very well bro. after long hour's of search i find out a good explanation🌟🌟🌟🌟

explained so easily such a complex looking problem!!

yes, bragging rights😆

thank you, you've cleared this, it was bothering me for so long❤

can you please make a video on how webpack works.. where does this huge json lies? At the end index.html refers bundled js file and that will be converted into DOM right?

JSX stands for Javascript XML

U have any for explanation of code(visually appealing text for a post)

Amazinggg explanation man

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.