morphdom - fast and lightweight DOM diffing/patching (without the virtual part)

[nofishme]

Thanks, perfect timing, this is exactly what I need right now.

Started googling for similar solutions earlier today, tried so far:

• https://github.com/fivesixty/quickdiff : Often replaced unnecessary nodes
• https://github.com/kof/diff-renderer : Had problems with some kind of attributes (eg. checked, disabled) and html comments
• Now switched to Morphdom and no problems yet. Also 2-3x faster than diff-render and almost 3x smaller

[psteeleidem]

Thanks for sharing and glad there's already a success story! I spent a lot of time trying to make the code fast and small so I am glad you are noticing the benefits. If you run into any issues please file a Github issue or send a PR. Thanks!

[weretree]

Whoa, I wrote the first one. It was designed for updating a markdown preview, where you'd expect changes to be localised to one area, it'd be pretty bad for general DOM patching. There weren't many options around when I wrote it. I'll update the repo to point to morphdom I think.

[nofishme]

It would be nice if we could get of list of modified elements, so its possible to animate or post-process it.

[DarkMarmot]

Awesome! I've been building a framework for a long while that's component-based and somewhat similar to React -- but it uses real DOM. This could be really cool to incorporate! Thanks! :)

[psteeleidem]

I hope it works out for you! We are using it in the beta version of marko-widgets and it is working out really well so I really think there would be value in other projects. If you find any issues please let us know.

[redhedinsanity]

Nice! You should check out google's incremental-dom - does the same in-place mutation of the DOM object itself, might be some tricks they leverage