Partial Updates, Reaactivity

[SchlenkR]

Currently, the app evaluates it's root and all descendents when a "Vide mutable value" changes (or when the app is requested to update itself explicitly). That might have significant (bad) influence on performance. However, the comfort of the current Vide API provides should be preserved as much as possible, meaning:

Control Flow
if/else, for, and all other control flow language constructs shall be usable in the expected way.

Dependencies

Component dependencies (on external mutable values) and necessary updates shall either be detected automatically, or with a minimal annotation.

Continuations

A first attempt could be to understand which node of the view tree has changed and only update the view from there downwards.

Solid Similarities

Similar concepts are implemented in SolidJS or Svelte, but with drawbacks. E.g. in Solid, this doesn't work, but should work in Vide:

function MyComponent() {
    const [count, setCount] = createSignal(0);

    if (count() > 5) {
        return <div>Count limit reached</div>
    }

    return (
        <div>
            <p>Count: {count()}</p>
            <button onClick={() => setCount(count() + 1)}>Increment</button>
        </div>
    )
}