Diffing in React

Asish Raz — Thu, 08 Apr 2021 06:22:11 +0000

As a react-developer, you must come across the topic DIFFING.
I read few articles and understood the basics of them. And out of nowhere, I thought of sharing my knowledge in a simpler way or maybe in a non-technical way. 😜😜

Think for a moment, Whatsapp as a VIRTUAL DOM
Let suppose, JSX element have their own Whatsapp Group(group name is Virtual DOM Object)
Now, there is a member of this group, who wants to update itself and not the rest.

Now the admin of this group: REACT thought of making a new group very similar to the existing one(which means, the new list of objects).

Obviously, this group will also exist in Whatsapp only (that means, VIRTUAL DOM)

In both the groups, REACT is the only admin.
And REACT observe both the groups from the top-level and wanted to see, which member of the existing group has been changed(that means, which of the VIRTUAL DOM Object has been changed)
And it found out the member.

So, this process of finding out or the comparison (in React language) is called DIFFING.

That's it.

Thank you for taking out your time and reading it. I tried for the first time, writing some tech article like this. Let me know, your thoughts on it.
Any appreciation, criticism are welcome. 👍

DEV Community: Asish Raz

Diffing in React