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.
@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
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.)
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.
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 :)
Thanks for this tutorial, it's a good training to start and deal with Virtual Dom !
+1 from France boy
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.
Wow! Great tutorial! This video make me understood what is virtual DOM. Thank you!
Its such a nice explanation for virtual dom. Thanks a lot Kevin. I am subscribing to your channel. Waiting for more explanation videos :)
Thanks for sharing. It lets us understand DOM & JavaScript better
Thank you for this tutorial. Hope to see others cool advanced stuff from you.
I'm so grateful
Amazing video. You make this complex topic very accessible.
Hey, great video, thanks!
* `forEach` could be called with context as second arg , no need to use bind
@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
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.
Hey Manish, sorry I didn't see this earlier. Enjoy! github.com/heiskr/vdom-prezzy-example
Awesome stuff! Thanks :D
i wish you kept continue on kinda this videos
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.)
Thanks for letting me know. I've added it to the repository :) github.com/heiskr/vdom-prezzy-example/commit/27ff98d527eaf08059766a8f614a06589d4fb202
Excellent
Thanks for sharing
Please make more video on component lifecycles and events please
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.
Amazing video, thanks a lot! By the way, do you have chance to dive into react source code?
Check out github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS
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 :)
Nice work!
BTW I created a typescript version: github.com/differui/vdom