Infusion 6 Demos

Self-Editing Todo List in SFC style

Self-Editing Todo List Demo

Modelled on the Codestrates demo in Examples Gallery This example shows how Infusion 6 allows ordinary JS array/object semantics to immutably update a situated piece of reactive data, somewhat in the style of Vue's ref Reactivity API. It also shows a declarative template syntax for event binding, also inspired by Vue's Event API. The app is organised in an SFC (Single File Components) style inspired by Vue's very similar SFC format, embedded in a self-editing interface.

Self-Editing View Composition

Self-Editing View Composition

Demonstrates editing compositions of view components similar to those found in static blog sites.

Todo List with Facets

Todo List with Facets

Demonstrates additive (open) authorship of an elaborated Todo list design based on incrementally mixing in feature-oriented "facets" to the base design, such as the ability to assign items to assignees and filter based on this.