How I built a fast JavaScript framework

Re:How I built a fast JavaScript framework by amelius on Wednesday March 07, 2018 @12:10PM (#16537825)

Let me try to explain. Let's say you have a textarea element which has DOM-state (value, scroll-position). And let's say you change the value through your render-framework. With the vdom approach, only the value component of the DOM-state is modified. With the non-vdom approach, you're creating a new textarea element, and set its value. Its scroll-position is lost, unless you keep track of it.

Now with VIDEO elements, things are more problematic. If you recreate parent-nodes of a VIDEO element, the video will stop playing, or will flicker, or jump back to the beginning.

[ Parent | on HN ]

Re:How I built a fast JavaScript framework by naasking on Wednesday March 07, 2018 @12:13PM (#16537844)

> With the non-vdom approach, you're creating a new textarea element, and set its value.

This isn't necessarily true. In fact, it's not true of Surplus and Radi.js, which is partly why they're much faster than every vdom framework out there.

[ Parent | on HN ]

Re:How I built a fast JavaScript framework by amelius on Wednesday March 07, 2018 @12:17PM (#16537879)

They're faster because they are not computing DOM (or vdom) nodes when that's not needed.

But they're creating new DOM nodes when values-on-which-the-code-depends change.

[ Parent | on HN ]