Updating README and documentation

Author: ethul

README.md

@@ -1,7 +1,7 @@
 purescript-react
 ================
 
-[![Maintainer: paf31](https://img.shields.io/badge/maintainer-paf31-lightgrey.svg)](http://github.com/paf31) ![React: 0.12.2](https://img.shields.io/badge/react-0.12.2-lightgrey.svg)
+[![Maintainer: paf31](https://img.shields.io/badge/maintainer-paf31-lightgrey.svg)](http://github.com/paf31) ![React: 0.13.3](https://img.shields.io/badge/react-0.13.3-lightgrey.svg)
 
 Low-level React Bindings for PureScript.
 
@@ -28,6 +28,17 @@ import Prelude
 
 import Control.Monad.Eff
 
+import Data.Maybe.Unsafe (fromJust)
+import Data.Nullable (toMaybe)
+
+import DOM (DOM())
+import DOM.HTML (window)
+import DOM.HTML.Document (body)
+import DOM.HTML.Types (htmlElementToElement)
+import DOM.HTML.Window (document)
+
+import DOM.Node.Types (Element())
+
 import React
 
 import qualified React.DOM as D
@@ -41,12 +52,20 @@ counter = mkUI $ spec 0 \ctx -> do
   val <- readState ctx
   return $ D.p [ P.className "Counter"
                , P.onClick (incrementCounter ctx)
-               ] 
+               ]
                [ D.text (show val)
                , D.text " Click me to increment!"
                ]
 
-main = do
-  let component = D.div [] [ counter {} ]
-  renderToBody component
+main = container >>= render ui
+  where
+  ui :: UI
+  ui = D.div [] [ createFactory counter {} ]
+
+  container :: forall eff. Eff (dom :: DOM | eff) Element
+  container = do
+    win <- window
+    doc <- document win
+    elm <- fromJust <$> toMaybe <$> body doc
+    return $ htmlElementToElement elm
 ```

docs/React.md

@@ -160,21 +160,21 @@ type UISpec props state eff = { render :: Render props state eff, displayName ::
 
 A specification of a component.
 
-#### `UIFactory`
+#### `spec`
 
 ``` purescript
-type UIFactory props = props -> UI
+spec :: forall props state eff. state -> Render props state eff -> UISpec props state eff
 ```
 
-Factory function for components.
+Create a component specification.
 
-#### `spec`
+#### `UIClass`
 
 ``` purescript
-spec :: forall props state eff. state -> Render props state eff -> UISpec props state eff
+data UIClass :: * -> *
 ```
 
-Create a component specification.
+Factory function for components.
 
 #### `getProps`
 
@@ -227,10 +227,10 @@ Transform the component state by applying a function.
 #### `mkUI`
 
 ``` purescript
-mkUI :: forall props state eff. UISpec props state eff -> UIFactory props
+mkUI :: forall props state eff. UISpec props state eff -> UIClass props
 ```
 
-Create a component from a component spec.
+Create a React class from a specification.
 
 #### `handle`
 
@@ -240,36 +240,36 @@ handle :: forall eff ev props state result. (ev -> EventHandlerContext eff props
 
 Create an event handler.
 
-#### `renderToString`
+#### `render`
 
 ``` purescript
-renderToString :: UI -> String
+render :: forall eff. UI -> Element -> Eff (dom :: DOM | eff) UI
 ```
 
-Render a component as a string.
+Render a React element in a document element.
 
-#### `renderToBody`
+#### `renderToString`
 
 ``` purescript
-renderToBody :: forall eff. UI -> Eff (dom :: DOM | eff) UI
+renderToString :: UI -> String
 ```
 
-Render a component to the document body.
+Render a React element as a string.
 
-#### `renderToElementById`
+#### `createElement`
 
 ``` purescript
-renderToElementById :: forall eff. String -> UI -> Eff (dom :: DOM | eff) UI
+createElement :: forall props. UIClass props -> props -> Array UI -> UI
 ```
 
-Render a component to the element with the specified ID.
+Create an element from a React class.
 
-#### `createElement`
+#### `createFactory`
 
 ``` purescript
-createElement :: forall props. UIFactory props -> props -> Array UI -> UI
+createFactory :: forall props. UIClass props -> props -> UI
 ```
 
-Create an element from a component factory.
+Create a factory from a React class.
 
 

test/Main.purs

@@ -75,4 +75,3 @@ main = body' >>= render ui
     doc <- document win
     elm <- fromJust <$> toMaybe <$> body doc
     return $ htmlElementToElement elm
-