Short, concise, Vanilla JS TodoMVC one pager

[tantaman]

The idea here is to explore what a vanilla JS solution would look like if we followed a React style component model.

But...

• Rather than write JSX, we use JS templates.
• Rather than use a virtual DOM, we use the browser's own ability to reconcile DOM trees

The code comes in at around ~215 lines of JS and is surprisingly performant while also including HTML sanitization.

This was originally written back in 2016 (https://github.com/tantaman/fk-your-frameworks-todomvc) but for some reason I never got around to submitting it.

---

Video of the app in action
https://youtu.be/zAZ82DFEY0A

---

Screenshot of tests (23 pass, 2 fail):

There seem to be a few issues where Cypress tests for the presence of a thing before the render cycle was kicked off. Not sure if that is the use of my request animation frame or not, but manually testing of these test cases works.
Any advice from cypress experts would be welcomed.