Skip to content
Capstone: TodoMVC State Machine
step 1/5

Reading — step 1 of 5

Read

~1 min readProduction

TodoMVC is the de-facto cross-framework benchmark: every framework — React, Vue, Svelte, Solid, Angular, Elm, even Imba — has an implementation, and the spec is identical. It is small enough to fit in your head and big enough to exercise add / toggle / remove / filter / clear-completed — every primitive most apps actually need.

In this capstone you implement the state machine behind a TodoMVC, without any DOM. Inputs are command lines, outputs are deterministic state dumps. This is exactly the layer you would later wire to a renderer (your own VDOM, React, Solid — pick one).

If your state machine is correct here, you can drop it into any framework's view layer and ship.

Discussion

Ask a question, share an insight, or help someone who’s stuck.

Sign in to post a comment or reply.

Loading…