Skip to main content

Todo List Demo

A full-featured todo application showcasing computed values and reactive lists

About This Demo

This todo app demonstrates more advanced Xote features:

  • Signals - Managing todo items and filter state
  • Computed Values - Automatically filtering and counting todos
  • Reactive Lists - Rendering arrays that update when data changes
  • Event Handlers - Adding, completing, and deleting todos
  • Batching - Grouping multiple updates for efficiency

The todo list uses computed values to derive filtered lists and statistics from the base todo array. When you add, complete, or filter todos, only the necessary parts of the UI update.