PR: Elm(ish) Todo List (TodoMVC) Example issue #44

[nelsonic]

This will be an end-to-end learning resource so might take me a few days ... ⏳
It will be worth it. 😉

• Elm(ish) Micro Front-end Framework TDD walkthrough/tutorial! elmish.md
  • DOM "Elmish" + Todo List Example? #44
  • Routing Rudimentary Routing in a Client-side Web Application: Why? What? How? #46
  • localStorage Saving / Retrieving Data to/from localStorage #47
• remove init function from reset-counter example Do we *need* to "init"? #49
• Todo List Application ("Business") Logic [Epic] TodoMVC Feature List  #48
  • ADD Todo item
  • TOGGLE state of todo item done=true Toggle All Todo List Items #50
  • TOGGLE_ALL flip the state of all todos at once. Toggle All Todo List Items #50
  • render the `view view function in Todo List App #54
  • Pressing [Enter] keyboard key creates new Todo Item UX Feature Hitting the [Enter] (Return) key creates a new Todo List item #55
  • Subscriptions Subscriptions: How to "Listen" for Events and What to do ... #57
  • Add an onclick=signal(action) attribute to any element Elm(ish) onClick Event/Function Attribute #58
  • DELETE a Todo List item DELETE a Todo List item using the "cross" (button) #59
  • EDIT a Todo List Item EDIT an item #60
    • signal('EDIT', data)
    • signal('SAVE', data)
  • ESC key cancels editing and focus on new-todo input [esc] key cancels editing mode (without saving) #64

[codecov]

Codecov Report

Merging #45 into master will not change coverage.
The diff coverage is 100%.

@@          Coverage Diff           @@
##           master    #45    +/-   ##
======================================
  Coverage     100%   100%            
======================================
  Files           1      4     +3     
  Lines          44    312   +268     
  Branches        0     89    +89     
======================================
+ Hits           44    312   +268

Impacted Files	Coverage Δ
examples/todo-list/elmish.js	100% <100%> (ø)
examples/counter-reset-keyboard/counter.js	100% <100%> (ø)
examples/todo-list/todo-app.js	100% <100%> (ø)
examples/counter-reset/counter.js	100% <100%> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 814467e...ee9c95d. Read the comment docs.

[nelsonic]

@iteles I've been through and fixed as many typos and Mardown issues as I could see. 🔍 📝 ✅
Not going to touch this again until you've had a chance to review it. ✋
Thanks for making time. ❤️

[iteles]

At my current speed, this is going to take me at least a week to review if not two (given existing commitments)!

I have so far only been able to skim it to get the gist and am very excited about this tutorial! But it's MASSIVE.

Seeing as this is a tutorial and is not going to 'break' any 'critical systems' with a merge, I would suggest that I merge this in now and we invite the community as a whole to review it and open issues when there is a question or we run into a block. Many eyes are better than just my 4.

@nelsonic Any objections?

[nelsonic]

@iteles agreed. merge and let everyone test it. thanks. 👍