React and the Virtual DOM

thank you

But both real Dom and virtual Dom has to be constructed by browser only, I mean react must be executed by browser only

So isn't it double work?

Best explanation ❤

nice way of explanation via story

Very confusing analogy. I'm assuming by View you're referring to JSX and by Model you're referring to State. Seems like a beginner would take from this analogy that the view and model are something outside of React.

I fail to see why do I need to know this besides using it for fcking interview questions

slept like a baby

OMG! I'm the view

Can someone Correct me?
So...here the use of react is that the view doesn't need to track down the changes and those will be taken care by react.
here again view PAINTS THE WHOLE THING which actually takes time and give to react and react spots d difference and updates????

😳

This was an absolute waist of time...

I don't think this analogy is right. A beginner watching this would question "Is that really help? What is the difference?".
I think the following analogy is better -
We have React robot - it will repaint the entire virtual picture (virtual DOM) on every new update, because it is a machine, it would do it quickly easily. Then it compare the new picture to the old one in the memory to see the different. Then the robot give the different only to the human - who paint the real picture which cost more effort than the virtual picture. If the robot find nothing different then it give human nothing, so he saved time to not repaint anything the same.

This is awesome , could you please make a whole playlist for react major concepts .

This analogy is great.

hi there , how did you make the animations ? which software did you use .looks neat.

Hello from Odin Project React => Scrimba React => Here

Thank you :D

I really love this video! At first I thought I was watching at 0.75x speed. Great work.

So basically Facebook created React to scan every piece of data in your application.

fcc react bought here

you react diff algo ,i love you!

My favourite fairy tale ever😄
The Brothers Grimm would approve of this story

it reminds me of the Headspace

its a bed time

What a fun way to learn lol

although educational. THis whole thing is very creepy

The narrator sounded drunk and i had to check if my playback speed was set to slower than normal 😂

Simple video. Too bad I didn't understand it.

I am an absolute beginner in React and after watching this video I think this video is sh**t it doesn't give you appropriate insights.

this tickled my memory banks

So in short the usual DOM renders everything everytime.... but the virtual one only rendered the changes it notices.

Wow... Made it a breeze to understand the concept. Thanks 👍

these are the future short novels

🔥🔥🔥

This almost seems like more work. It’s pretty incredible that it is faster and more efficient to constantly “repaint” the DOM and then pass that DOM into a “robot” that checks for updates and updates the DOM. One would think it would just be better to do one task once rather than twice.

What

nice way, but it's explaining a expert in layman's terms.

This actually is kinda cute!! 😂

thanks, It really helped me to understand the difference

thank you for this, helpful. lol

so i'm guessing the "painting" part is expensive, which is why the robot is so useful?

Slow and Steady gives you Knowledge.

This is funny 😂

A very decent explanation.

awesomely explained ! .
Thanks

2x

Loved the way of how this concept has been explained, such that even a 9-year-old can understand this.

I don't think this analogy is right. A beginner watching this would question "Why doesn't that man directly repaint the entire Real DOM?". I think the following analogy is better -
Instead of keeping track of so many changes, the man decides that he would simply repaint the entire picture on the DOM.
But painting on the DOM was a lengthy process.
So he decides to buy a Virtual DOM and a React Robot.
Now he just repaints the entire picture on the Virtual DOM. This does not take much time because painting on the Virtual DOM is much faster than painting on the Real DOM.
Then he passes the Virtual DOM to the React robot. The React robot finds out the the specific changes needed to be done on the Real DOM and then it does them.