component re-render and React reconciliation mechanism: a brief overview

If we have 1000 a list's items and only one of them changes, React will re-render all the1000` items and will make a new virtual DOM tree.
The newly made DOM tree will be compared with the old DOM tree, as we added only one list, so in the actual DOM only one change will occur: the addition of the new list item.
That's the brief and easy under-the-hood explanation of React's reconciliation mechanism.
For more detail you can check in my rest of posts.