PaackEng / elm-svg-string / Svg.String.Keyed

A keyed node helps optimize cases where children are getting added, moved, removed, etc. Common examples include:

Keyed Nodes

node : String -> List (Svg.String.Attribute msg) -> List ( String, Svg.String.Svg msg ) -> Svg.String.Svg msg

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.