Show HN: Tiny-vdom – Smallest possible virtual DOM implementation

github.com

5 points·aidenyb··6 comments

Is it any different from https://zserge.com/posts/worst-vuejs-ever ?

It's significantly different. The article attempts to build a reactivity model and directives handler (two integral parts of Vue), while this is a Virtual DOM, which is a different approach to declaratively representing UI.

I think you meant this article: https://zserge.com/posts/worst-react-ever/

In that case, it's pretty different in implementation

How fast is this, though? I've seen some projects make a trade-off between bundle size and performance, which is sad.

it's quite slow compared to other virtual dom implementations - this is probably something you wouldn't use in production, but rather as a learning tool to understand virtual DOM

How should one approach learning about building a virtual DOM? Are there any particular resources or pieces of literature you recommend taking a look at?

Sure! I don't recommend any of the React-based virtual DOM articles yet, often they're pretty complicated and will confuse you. I wrote an article here with an even simpler implementation of the virtual DOM: https://dev.to/aidenybai/how-does-virtual-dom-work-b74.

Basically anything that guides you in building a virtual DOM is a good article

Reply on news.ycombinator.com