WIP diffable list experiments

[schickling]

Don't merge yet

See internal Notion doc

Goals

• Use the efficient state reactivity of LiveStore to incrementally maintain a React list view which would avoid the relatively expensive VDOM overhead for lists.
• Establish concept of Diffable DataSource and efficient collection views similar to iOS https://developer.apple.com/documentation/uikit/views_and_controls/collection_views/updating_collection_views_using_diffable_data_sources

---

PR currently contains 2 experiments:

Manual list maintenance via ReactDOM.createRoot + its-fine

This one uses its-fine to bridge the context between the parent React root and the child React roots (for each list item). While this seems like a promising direction, I've still hit a couple of blockers in regards to React event handling. See:

Video demo: https://share.cleanshot.com/bWjjbZ9x
Example code: https://gist.github.com/schickling/36ef4e37da90145e78d6d17262da8941

Experiment with million

I've also tried to use million for the manual list maintenance but it seems this would require LiveStore app devs to also install the million compiler which is a line I don't want to cross at this point.

This file was certainly very informative.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
livestore-example-linearlite	❌ Failed (Inspect)		Mar 17, 2024 1:01pm
livestore-example-todomvc	❌ Failed (Inspect)		Mar 17, 2024 1:01pm
livestore-example-todomvc-drizzle	❌ Failed (Inspect)		Mar 17, 2024 1:01pm

[LarsArtmann]

See internal Notion doc

Is non public, is this expected?