Let's Build a Virtual DOM from Scratch

[@TheGeekMan3]

Thanks for this tutorial, it's a good training to start and deal with Virtual Dom ! +1 from France boy

[@KevinHeis]

Thanks for watching! I'm glad you got something out of it. I haven't seen anyone else actually going into how one works internally, which is I think how you really learn how the use the tool the best.

[@정재희-p3q]

Wow! Great tutorial! This video make me understood what is virtual DOM. Thank you!

[@haribukkeprasad4612]

Its such a nice explanation for virtual dom. Thanks a lot Kevin. I am subscribing to your channel. Waiting for more explanation videos :)

[@Welcometomyjourney20]

Thanks for sharing. It lets us understand DOM & JavaScript better

[@lorenzofranceschini6230]

Thank you for this tutorial. Hope to see others cool advanced stuff from you.

[@kannanhassouna5706]

I'm so grateful

[@theokobb1593]

Amazing video. You make this complex topic very accessible.

[@sergeyshpak9849]

Hey, great video, thanks! * `forEach` could be called with context as second arg , no need to use bind

[@manishchandra8931]

@Kevin Heis : Could u please share link to the code explained above ? Its a really nice explanation. Earlier I tried to go through 'build your own react' blog but was not able to get my head around. You had made it in a very clear step by step manner. Thanks Kevin

[@GamerNebulae]

If you are curious, the code he is writing is part of a Github repo. You can find it if you Google on Matt-Esch/virtual-dom.

[@KevinHeis]

Hey Manish, sorry I didn't see this earlier. Enjoy! github.com/heiskr/vdom-prezzy-example

[@deepakkarki_6]

Awesome stuff! Thanks :D

[@memduhcevik]

i wish you kept continue on kinda this videos

[@jbrabec6811]

thanks for this awesome stuff ... but at 6:48, you have .babelrc, but I didn't notice at the github repo (not sure if it was even supposed to be there or not.)

[@KevinHeis]

Thanks for letting me know. I've added it to the repository :) github.com/heiskr/vdom-prezzy-example/commit/27ff98d527eaf08059766a8f614a06589d4fb202

[@warwolt]

Excellent

[@Littledayme]

Thanks for sharing

[@NirikShan_]

Please make more video on component lifecycles and events please

[@KevinHeis]

Hi Xprin, Thanks for watching :) That gets a bit more specific to React, I'd recommend github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS for component lifecycles and events. In my own React projects these days I use Redux middleware instead of lifecycle methods. I almost always use stateless functional components with React-Redux bindings. Different use cases call for different approaches of course.

[@RickyJiao]

Amazing video, thanks a lot! By the way, do you have chance to dive into react source code?

[@KevinHeis]

Check out github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS

[@randomdamian]

You did few mistakes in the createElement part. SetProp could also be much easier and there is actually a way to handle className without a if statement in a loop not a forEach :)

[@binrui]

Nice work! BTW I created a typescript version: github.com/differui/vdom