Glazier.React.Element

HtmlT inspired monad for creating ReactElements

Documentation

data ReactElement

Instances

PToJSVal ReactElement

Methods

pToJSVal :: ReactElement -> JSVal

IsJSVal ReactElement

Methods

jsval_ :: ReactElement -> JSVal

ToJS ReactElement

Methods

toJS :: ReactElement -> JSVal

unsafeCoerceElement :: JSVal -> ReactElement

Unfortunately, ReactJS did not export an easy way to check if something is a ReactElement, although they do so in the internal code with REACT_ELEMENT_TYPE. This function allow coercing a ReactElement from a JSVal and is marked unsafe as a reminder that the coersion is unchecked. This function is required when receiving ReactElement from javascript (eg in a callback) or to interface with foreign React Elements.

mkBranchElement :: JSVal -> [Property] -> [ReactElement] -> IO ReactElement

Create a react element (with children) from a HashMap of properties

mkLeafElement :: JSVal -> [Property] -> IO ReactElement

Create a react element (with no children) from a HashMap of properties

textElement :: JSString -> ReactElement

Not an IO action because JSString is immutable

mkCombinedElements :: [ReactElement] -> IO ReactElement

React only allows a single top most element. Provide a handly function to wrap a list of ReactElements inside a div if required. If there is only one element in the list, then nothing is changed.