Monadoc

react-haskell

Version 2.0.1 revision 0 uploaded by joelb.

Package meta

Synopsis
Haskell React bindings
Description

This package provides high level bindings to Facebook's React library, meant for use with GHCJS.

React is a JavaScript library for building user interfaces. React (and React-Haskell) is focused on just UI - it's not a framework.

Currently React-Haskell can render simple stateful components, but not what React calls classes. Put another way, React-Haskell doesn't support lifecycle methods yet.

Here's a simple example which demonstrates basic elements, attributes, state, and handling events.

page_ :: ReactNode Void
page_ =
    let cls = smartClass
            -- this is a record and these should really be curly braces,
            -- but haddock breaks on them.
            [ name = "page"

            -- initially the input is empty
            , initialState = ""

            -- always transition to the input's new value
            , transition = \(_, value) -> (value, Nothing)

            , renderFn = \_ str -> div_ [ class_ "container" ] $ do
                input_ [ value_ str, onChange (Just . value . target) ]
            ]
    in classLeaf cls ()

main :: IO ()
main = do
    Just doc <- currentDocument
    Just elem <- documentGetElementById doc ("elem" :: JSString)
    render page_ elem
Author
Joel Burget
Bug reports
https://github.com/joelburget/react-haskell/issues
Category
Web
Copyright
n/a
Homepage
https://github.com/joelburget/react-haskell
Maintainer
joelburget@gmail.com
Package URL
n/a
Stability
n/a

Components