Watch this quick walk-through of building the #TodoMVC demo application using #ElementHTML

Includes two versions: a "dirty" version which includes all queries directly in the HTML, and a (recommended) "clean" version which abstracts all complex #JSONata queries and update statements into a separate re-usable package.

Watch it here: https://youtu.be/_ksO9Wk_2bk

Demo app code on Github: https://github.com/elementhtml/demo-todomvc

#javascript #webdev #development #framework #html #css

Walkthrough of TodoMVC app built using ElementHTML

YouTube

Completed my initial take on #TodoMVC in #ElementHTML is on #github! 😋
https://github.com/elementhtml/demo-todomvc

Pros: 41 lines of #HTML + 32 lines of #CSS, 0 lines of #Javascript

The con: in the last hour I discovered a small memory leak caused by event handlers not being properly garbage collected which saps the otherwise snappy performance. Will have to spend a while delving through the core to find and resolve. 😩

Overall, a good exercise to help get #ElementHTML ready for prime time...

GitHub - elementhtml/demo-todomvc: ElementHTML implementation of ToDoMVC as per spec at https://todomvc.com/

ElementHTML implementation of ToDoMVC as per spec at https://todomvc.com/ - GitHub - elementhtml/demo-todomvc: ElementHTML implementation of ToDoMVC as per spec at https://todomvc.com/

GitHub