Svg.Lazy

Since all Gren functions are pure we have a guarantee that the same input will always result in the same output. This module gives us tools to be lazy about building Svg that utilize this fact.

Rather than immediately applying functions to their arguments, the lazy functions just bundle the function and arguments up for later. When diffing the old and new virtual DOM, it checks to see if all the arguments are equal. If so, it skips calling the function!

This is a really cheap test and often makes things a lot faster, but definitely benchmark to be sure!

lazy : (a -> Svg msg) -> a -> Svg msg

A performance optimization that delays the building of virtual DOM nodes.

Calling (view model) will definitely build some virtual DOM, perhaps a lot of it. Calling (lazy view model) delays the call until later. During diffing, we can check to see if model is equal to the previous value used, and if so, we just stop. No need to build up the tree structure and diff it, we know if the input to view is the same, the output must be the same!
lazy2 : (a -> b -> Svg msg) -> a -> b -> Svg msg

Same as lazy but checks on two arguments.
lazy3 : (a -> b -> c -> Svg msg) -> a -> b -> c -> Svg msg

Same as lazy but checks on three arguments.
lazy4 :
(a -> b -> c -> d -> Svg msg)
-> a
-> b
-> c
-> d
-> Svg msg

Same as lazy but checks on four arguments.
lazy5 :
(a -> b -> c -> d -> e -> Svg msg)
-> a
-> b
-> c
-> d
-> e
-> Svg msg

Same as lazy but checks on five arguments.
lazy6 :
(a -> b -> c -> d -> e -> f -> Svg msg)
-> a
-> b
-> c
-> d
-> e
-> f
-> Svg msg

Same as lazy but checks on six arguments.
lazy7 :
(a -> b -> c -> d -> e -> f -> g -> Svg msg)
-> a
-> b
-> c
-> d
-> e
-> f
-> g
-> Svg msg

Same as lazy but checks on seven arguments.
lazy8 :
(a -> b -> c -> d -> e -> f -> g -> h -> Svg msg)
-> a
-> b
-> c
-> d
-> e
-> f
-> g
-> h
-> Svg msg

Same as lazy but checks on eight arguments.