This is currently only a proof of concept: Build React applications using Elm. This works better than I expected. The whole thing currently runs on react 0.14.3 and elm 0.16.

Currently this elm packages includes a mixture of something like start-app and elm-html, but instead of relying on virtual-dom the whole thing is built using react. Currently react components are used for the view part, and state is handled outside as suggested in the Elm Architecture.

Example react component:

testComp : R.Comp Action Model
testComp =
    R.createClass
    { name = "TestComp"
    , render = \p ->
        R.html "div" []
        [ R.text <| "Countervalue: "    toString p.model.counter
        , R.html "button"
            [ R.EventAttribute "onClick" (Signal.message p.address Increment)
            ]
            [ R.text "Increment"
            ]
        ]
    }

To see how everything works in detail, check out the example folder and the make-example.sh script to build it.

• Support more react life-cycle events like componentDidMount and componentWillUnmount to support hooking 3rd Party libs like leaflet
• Support for transitions
• Define helper functions for html nodes and attributes
• Figure out if there's a way to avoid the 'external div' hack
• I'm not sure how everything will integrate with the Elm Architecture. From the first point of view it seems to go very well, but I have not explored it in depth yet.
• Split into two packages: elm-react and react-start-app
• Split out the DOM parts to allow building apps with react-native

If you like to help, please open an issue about what you will do and send a pull request when finished! Code should be written in a consistent style throughout the project. Avoid whitespace that is sensible to conflicts. Note that by sending a pull request you agree that your contribution can be released under the BSD3 License as part of the elm-react package or any related packages.

$ npm install
$ ./rebuild.sh
$ elm make