TodoMVC: assemble the pieces

TodoMVC: assemble the pieces An architecture diagram generated by Archify. main.ts · render + Layer.launch · Architecture component main.ts render + Layer.launch infrastructure.ts · Services + browser adapters · Architecture component infrastructure.ts Services + browser adapters Browser APIs · storage, history, ID + time · Architecture component Browser APIs storage, history, ID + time presentation.ts · TodoApp + keyed TodoItem · Architecture component presentation.ts TodoApp + keyed TodoItem application.ts · state, commands, projections · Architecture component application.ts state, commands, projections domain.ts · schemas + pure transitions · Architecture component domain.ts schemas + pure transitions provides Services runs TodoApp adapts implements services uses commands + views applies rules Legend Client code External

The view borrows the model

  • • Native events run application commands.
  • • Live projections update the retained view.

The entry chooses the runtime

  • • Layers supply state and browser adapters.
  • • The launch owns rendering and persistence work.