Files
dioxus/packages/dioxus/tests
Demonthos 047ed1e553 Subtree memorization / reactive templates (#488)
This commit adds subtree memoization to Dioxus.

Subtree memoization is basically a compile-time step that drastically 
reduces the amount of work the diffing engine needs to do at runtime by
extracting non-changing nodes out into a static "template." Templates 
are then understood by the various renderers in the ecosystem as a 
faster way of rendering the same items. 

For example, in the web, templates are simply a set of DOM Nodes created 
once and then cloned later. This is the same pattern frameworks like Lithtml
and SolidJS use to achieve near-perfect performance. 

Subtree memoization adds an additional level of complexity to Dioxus. The RSX
macro needs to be much smarter to identify changing/nonchanging nodes and
generate a mapping between the Template and its runtime counterparts.

This commit represents a working starter point for this work, adding support 
for templates for the web, desktop, liveview, ssr, and native-core renderers.
In the future we will try to shrink code generation, generally improve 
performance, and simplify our implementation.
2022-09-30 12:03:06 -07:00
..

Testing of Dioxus core

NodeFactory

  • [] rsx, html, NodeFactory generate the same structures

Diffing

  • create elements
  • create text
  • create fragments
  • create empty fragments (placeholders)
  • diff elements
  • diff from element/text to fragment
  • diff from element/text to empty fragment
  • diff to element with children works too
  • replace with works forward
  • replace with works backward
  • un-keyed diffing
  • keyed diffing
  • keyed diffing out of order
  • keyed diffing with prefix/suffix
  • suspended nodes work

Lifecycle

  • [] Components mount properly
  • [] Components create new child components
  • [] Replaced components unmount old components and mount new
  • [] Post-render effects are called
  • []

Shared Context

  • [] Shared context propagates downwards
  • [] unwrapping shared context if it doesn't exist works too

Suspense

  • [] use_suspense generates suspended nodes

Hooks

  • [] Drop order is maintained
  • [] Shared hook state is okay
  • [] use_hook works
  • [] use_ref works
  • [] use_noderef works
  • [] use_provide_state
  • [] use_consume_state

VirtualDOM API

  • [] work
  • [] rebuild
  • [] change props