Chameleon.Impl.ReactBasic

newtype ReactHtml a

Constructors

• ReactHtml (Config a -> ConfigOpt -> JSX)

Instances

• Functor ReactHtml
• MapMaybe ReactHtml
• Html ReactHtml

type ConfigOpt = { cssStringToAttr :: String -> String /\ Foreign, key :: Maybe Key }

type Config a = { handler :: a -> Effect Unit }

uppercaseStyleHack :: String -> String /\ Foreign

This is a hack to provide styles as string to React It creates a warning in the console

simpleSplit :: String -> String /\ Foreign

This is a very simple parser for CSS strings It does not work for all cases, but it is enough for most of them

runReactHtml :: forall a. Config a -> ConfigOpt -> ReactHtml a -> JSX

defaultConfig :: ConfigOpt

type UI :: (Type -> Type) -> Type -> Type -> Typetype UI html msg sta = { init :: sta, update :: msg -> sta -> sta, view :: sta -> html msg }

uiToReactComponent :: forall msg sta. { onStateChange :: sta -> Effect Unit } -> UI ReactHtml msg sta -> Component (Record ())

mountAtId :: String -> Component (Record ()) -> Effect Unit

elemById :: String -> Effect Element