1. How React's reconciliation Algorithm Works? 2. How does React handles aysnchronous updates? 3. How does React solves optimization problem and is it good to always optimize?
I think, for advanced answer, you should mention, that there is no such thing as vdom. It is just an abstraction. Basically, react based on a tree of ‘dumb’ react components and a tree of states of these components, or fiber nodes. And depending on the changes in the fiber nodes, re-renders occures.
To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/PedroTech/. The first 200 of you will get 20% off Brilliant’s annual premium subscription.
bro I love your videos , always trying to make people understand the fundamentals , exactly how I want to learn . currently I think I'm intermediate in react and it's really hard to find videos that talk about advanced stuff , most of them just for the basics that's all . I would love to see more advanced stuff like this in the upcoming videos .
There was data from this example project which included stuff written by my viewers cause the project is public. There were some hate comments so i wanted to blur them
Can you please create a real time use chrome extension something related to github?? Which is easying some github task like counting number of lines of code, total repository in github. Total files in each repository etc... Something like this
Thanks for the video man, quick question: You mentioned that React keeps TWO copies of the DOM? I'm not sure I've ever heard this before. Does that mean there are technically three DOM's? The actual DOM, and then TWO copies of that DOM in memory that React uses to reconcile the state + props changes?
![[TH] 2024 PMGC League | Survival Stage วันที่ 1 | PUBG MOBILE Global Championship](http://i.ytimg.com/vi/FVFT-PFwU80/mqdefault.jpg)
1. How React's reconciliation Algorithm Works?
2. How does React handles aysnchronous updates?
3. How does React solves optimization problem and is it good to always optimize?
I appreciate this video, I haven't seen any good videos on this and I thought you did a great job covering this topic. Thanks!
I think, for advanced answer, you should mention, that there is no such thing as vdom. It is just an abstraction.
Basically, react based on a tree of ‘dumb’ react components and a tree of states of these components, or fiber nodes. And depending on the changes in the fiber nodes, re-renders occures.
Pedro check the response on 9:38, just if you want to blur it or something, so youtube doesn't flag you. Great video, thank you for sharing!
Good point! Thank you!
Hi Pedro we need next js course from u??
Its on the making :)
and vue js course 😅
@@PedroTechnologies Pedro I can't wait to see your next13 course
@PedroTech please as soon as possible.
To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/PedroTech/. The first 200 of you will get 20% off Brilliant’s annual premium subscription.
You the boss man ! I was searching everywhere to get a quick example of react optim and I found it as usual in one of your video!!
yeap me too, the ending part was useful as f*ck 😁
Prop changes do not trigger rerenders. If props are stored in state, the state change in the parent causes rerender.
Prop changes do trigger re-renders if they are being used
Amazing video! I'd like you to share a NextJS tutorial video!
bro I love your videos , always trying to make people understand the fundamentals , exactly how I want to learn . currently I think I'm intermediate in react and it's really hard to find videos that talk about advanced stuff , most of them just for the basics that's all .
I would love to see more advanced stuff like this in the upcoming videos .
super!
will write this for the second time
super!
This is a great topic
Great vid. Very helpful and informative as always.
Pedro is there any beginner project on the way??🔥
thanks for that valuable information, i love the way than you explain the concepts 👏, regards from Chile
Great topic 😌👍
PEDRO!!! please what's the name of your theme sound
Thanks bro.
Plz do bulk email sending tool by using MERN STACK
Great Video
what did you blur at 9:36?
There was data from this example project which included stuff written by my viewers cause the project is public. There were some hate comments so i wanted to blur them
@@PedroTechnologies Got it. Savage viewers🤣🤣
can you make next 13 tailwind typescript project?
Make a video about web 3 apps
Can you please create a real time use chrome extension something related to github??
Which is easying some github task like counting number of lines of code, total repository in github. Total files in each repository etc... Something like this
Pedro, please make next js course - viewer from India
2:05 content starts from here.
Thanks for the video man, quick question: You mentioned that React keeps TWO copies of the DOM? I'm not sure I've ever heard this before.
Does that mean there are technically three DOM's? The actual DOM, and then TWO copies of that DOM in memory that React uses to reconcile the state + props changes?
Can anyone clarify this for me? This has been driving me insane.
@@tylermyers8735 Yeah, I was under the impression that the virtual DOM is compared to the Real DOM and then changes accordingly.
Hi Pedro can you add turkish subtitle
All of you videos
Pls make a desktop tour 🫂
Hahaha for sure :)
Love your content but the wokeness of twitch is the same as twitter pre Musk