If I have a structure like—
<Header />
<Body />
<footer />
which internally contains html tags like h1, div, ul, li etc
My question is whether Virtual dom is formed by html tags i.e., h1, div, ul, li or react elemnts like – <Header />, <Body /> and <Footer />
This question in my mind arose when I came to know about react’s reconciliation algorithm. what does react actually compares? Does it do shallow comparison and checks whether rendered child component like – <Header />, <Body /> is changing? or performs deep comparison and checks if present in is changing and updates only that particular div?