A keyed node helps optimize cases where children are getting added, moved, removed, etc. Common examples include:
When you use a keyed node, every child is paired with a string identifier. This makes it possible for the underlying diffing algorithm to reuse nodes more efficiently.
Creates a node that has children that are both keyed and lazy.
The unique key for each child serves double duty:
Some notes about using this function:
Same as lazyNode, but checks on 2 arguments.
Same as lazyNode, but checks on 3 arguments.
Same as lazyNode, but checks on 4 arguments.
Same as lazyNode, but checks on 5 arguments.
Same as lazyNode, but checks on 6 arguments.
Works just like
Svg.node, but you add a unique identifier to each child node. You want this when you have a list of nodes that is changing: adding nodes, removing nodes, etc. In these cases, the unique identifiers help make the DOM modifications more efficient.