Grain.UI

newtype UI

The type of UI state.

mountUI :: VNode -> Node -> Effect UI

Mount a VNode to a parent node.

patchUI :: Maybe VNode -> UI -> Effect Unit

Patch a VNode of UI.

data VNode

The type of virtual node.

Instances

• HasKey VNode

key :: String -> VNode -> VNode

Add a key to a VNode.

fingerprint :: String -> VNode -> VNode

Add a fingerprint to check equality of a VNode.

If it is same as previous rendered element's one, rendering will be skipped.

component :: Render VNode -> VNode

Create a VNode of component.

element :: String -> VNode

Create a VNode of specified tag element.

text :: String -> VNode

Create a VNode of text.

kids :: Array VNode -> VNode -> VNode

Add children.

prop :: String -> String -> VNode -> VNode

Add a property.

handle :: String -> (Event -> Effect Unit) -> VNode -> VNode

Bind an event handler.

didCreate :: (Element -> Effect Unit) -> VNode -> VNode

Bind didCreate lifecycle.

didUpdate :: (Element -> Effect Unit) -> VNode -> VNode

Bind didUpdate lifecycle.

didDelete :: (Element -> Effect Unit) -> VNode -> VNode

Bind didDelete lifecycle.