Dominator.Core.VirtualDom

data DOM :: Effect

data Node msg

An immutable chunk of data representing a DOM node.

Instances

• Functor Node

data Renderer

A Renderer takes care of dom and virtual dom updates

normalRenderer :: Renderer

text :: forall msg. String -> Node msg

Just put plain text in the DOM. It will escape the string so that it appears

node :: forall msg. String -> Array (Property msg) -> Array (Node msg) -> Node msg

data Property msg

When using HTML and JS, there are two ways to specify parts of a DOM node.

Instances

• Functor Property

property :: forall msg. String -> Foreign -> Property msg

Create arbitrary properties.

attribute :: forall msg. String -> String -> Property msg

Create arbitrary HTML attributes. Maps onto JavaScript’s setAttribute

attributeNS :: forall msg. String -> String -> String -> Property msg

Would you believe that there is another way to do this?! This corresponds

style :: forall msg. List (Tuple String String) -> Property msg

Specify a list of styles.

on :: forall msg. String -> Decoder msg -> Property msg

Create a custom event listener.

onWithOptions :: forall msg. String -> Options -> Decoder msg -> Property msg

type Options = { preventDefault :: Boolean, stopPropagation :: Boolean }

Options for an event listener. If stopPropagation is true, it means the

defaultOptions :: Options

Everything is False by default.

lazy :: forall msg a. (a -> Node msg) -> a -> Node msg

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

lazy2 :: forall msg b a. (a -> b -> Node msg) -> a -> b -> Node msg

Same as lazy but checks on two arguments.

lazy3 :: forall msg c b a. (a -> b -> c -> Node msg) -> a -> b -> c -> Node msg

Same as lazy but checks on three arguments.

keyedNode :: forall msg. String -> Array (Property msg) -> Array (Tuple String (Node msg)) -> Node msg