What is DOM, Shadow DOM and Virtual DOM?

[@GauravSingh-st5sd]

This is by far the best video tutorial on these topics.

[@b4bhanu]

dude!! how come I am finding you now. This is unbelievably crisp and to the point. Really really good!.

[@tracynnnn]

Notes - Shadow DOM is hidden DOM tree attached to elements in regular DOM -- Shadow DOM elements aren't affected by CSS, conversely the CSS in the shadow root won't affect the regular DOM - Virtual DOM: 5:03

[@sayalibhasme764]

Just Wow, listen this video carefully, within 5 min you will get very good knowledge.☺

[@nerdycap7513]

This is like that history of the world video. Superfast, crisp and concise. Great work, man!

[@mohdmohsin5740]

fast, understable and to the point Amazing

[@SalesforceUSA]

What a video on a most important topic. Hats off

[@JonathanDewetfunlifegod]

You explained this very well! Thanks for making this :) My only suggestion would be to make everything on your screen a bit bigger.

[@MartinTheNext]

Agree with all the positive comments. Thanks a lot for your work!

[@prashansapriya5963]

Explanation is good but you should pause with intonation and explain...to make it better!! :)

[@meghabathla7167]

Amazing video. Worth watching!!!!!

[@arpitham8104]

With examples you resolved many doubts on this topic…best on this topic so far…thank you ❤

[@er.nitingarg]

Explaination is awesome, cleared all the doubts in very simple language while showing everything how these are working. Thanks Bro

[@xdankitjain]

Pretty crisp, clean and very well explained

[@anilkulkarni1780]

Thank you sir... God Bless you for making it simpler...

[@lewisbrown2159]

wow wow wow. So gooood explanation!

[@mrsinghanuj]

what an explanation. superb 👍

[@shuttle6400]

This is amazing explanation. Please make more videos!

[@muhammadabad3414]

A lot of useful information shared in 5 minutes. Great!!

[@curiosdevcookie]

Very good explanation 👍🏼 Thank you!

[@felipeog]

Great video! A video about Web Components would be awesome too.

[@irlonterblanche1639]

Excellent video! Thanks!

[@youmyname]

good and simple explanation

[@parahumanoid]

Nice! A little hard to my ear, but the material is well worth it.

[@kristijanlazarev]

COOL yet simple

[@karvan101]

It have much more than expected, thanks for sharing

[@SirSidi]

thank you. straight to the points!

[@hoomtal]

Perfect and neat!

[@patrickc.2680]

Very useful, thank you!

[@jamstawildman]

That was a really good explanation, and lots of information in such a short time. 👍

[@lipunpatel5937]

Awesome explanation... Thank you..

[@user-pp1zr5tg1n]

concise and precise

[@hagridhaired]

Great video! Would love a video on custom components where you import external JavaScript libraries in the custom component!

[@paulofernandoee]

Great video!

[@vasu2553]

Very nice explantions

[@Steven-oe4hv]

The example of tag is impressive:)

[@anandrajkumar4191]

Another great video. Just one suggestion when showing browser console. please try to enlarge the fonts a bit it helps in understanding the changes precisely. Thanks

[@roadmapsh]

Thank you I will keep that in mind for future :)

[@fernandoarnaldovilanculo8286]

Amazing!

[@chapchalite766]

Great video!. I love it.

[@konarksharma6524]

Thank you sir nice explanation

[@DJ-bo4pz]

To the point. Nice!

[@SyedZainUlHasan]

Hi Kamran, Thanks for the video. It will be very nice if you describe things in little more detail. Thanks

[@sreekarkandala388]

I quite enjoy your videos sir, but I have a request for you. Please zoom in to the screen, because the text is too small to read on a smaller device like my phone. Maybe you expect your audience to watch on a computer/laptop, but people like me exist. Please consider this request. Thank you.

[@10Rmorais]

Real great video, very straight to the point and clearly explained. Please make more videos! :)

[@thavs]

thank!! great explanation

[@gilbertcheng3862]

Loved it. Cut right to the meat of it.

[@israilkarud9293]

clear explanation

[@MuhammadNaveed-je6ne]

Awesome, Well explained :)

[@AsitAithal]

Brilliant.

[@sadiq20071]

Nice and crisp explaination. So when react component updates only virtual Dom, those changes will not b available when we see Dom using 'inspect element'?

[@roadmapsh]

You *will* see those changes but react decides when it is going to do the changes on the actual DOM in an optimized way, so for example if you have a hundred components on a page and only of them is changed, react would re-render only one and won't re-render the rest of the 99 unchanged components. You might be interested in reading about react fiber: github.com/acdlite/react-fiber-architecture

[@sadiq20071]

@@roadmapsh Got it. thanks for the reply. 👍

[@mike2071]

Can't see the code and talks too fast.

[@bikramsaha1932]

Would love to learn creating custom components

[@AE-yr6mo]

Have you got any advice on creating modular jS code?

[@lorenzrosenthal119]

I think the word "query" has the widest pronunciation variety in the whole dev-world.

[@sanjaygarg3540]

Great !

[@jittojoyes7533]

Bro please make video on react js interview preparation.

[@shortertech138]

Thanks

[@daniilzadorozhnyy8950]

I am still trying to understand the concept of the shadow Dom. is the point that you have an element in your webpage that is independent of parent? I got a little confused when you enabled the shadow Dom in inspection since in the end it renders all the same.

[@ahmadalfy]

Nice work but the last part about the camelCase attributes and the events, these are not a part of the shadow DOM, this is JSX syntax

[@aanibtmustudent2754]

Not too clear . you are runing faster than time?

[@sinanik4886]

great bro

[@swadhinpatro1986]

Thanks for the video!! The discord link has expired. If it's still an offer I would like to be part of it.

[@scroung7209]

nicely done. (y)

[@ThanHtutZaw3]

how to select shadow dom in js. like input type=search and I want to add event in search-cancel shadow dom

[@roadmapsh]

You can't access the Shadow DOM nodes in the outer page. You will have to write those event handlers as a part of Web Component itself.

[@MrH0bb0]

Good

[@bihibari9161]

Please upload more videos sir

[@blackrobot138]

Just wao ....

[@14-Peaks]

👍

[@Gojothekitkat123]

You forgot dark dom

[@anggifergianp6566]

Shadow dom please sensei

[@miw879]

boiiii a little slower speach won't hurt