purescript-react · paf31 · Feb 21, 2018 · Feb 15, 2018 · Feb 15, 2018 · Feb 15, 2018
diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 This package implements an opinionated set of bindings to the React library, optimizing for the most basic use cases.
 
-## Features 
+## Features
 
 - All React DOM elements and attributes are supported.
 - An intuitive API for specifying props - no arrays of key value pairs, just records.
@@ -42,6 +42,7 @@ type ExampleState =
 example :: R.ReactComponent ExampleProps
 example = R.react
   { initialState: \_ -> { counter: 0 }
+  , setup: \_ _ _ -> pure unit
   , render: \{ label } { counter } setState ->
       R.button { onClick: mkEffFn1 \_ -> do
                             setState { counter: counter + 1 }

diff --git a/examples/component/.gitignore b/examples/component/.gitignore
@@ -0,0 +1,3 @@
+output
+html/index.js
+node_modules
diff --git a/examples/component/Makefile b/examples/component/Makefile
@@ -0,0 +1,5 @@
+all:
+	purs compile src/*.purs '../../src/**/*.purs' '../../bower_components/purescript-*/src/**/*.purs'
+	purs bundle --module Container output/*/*.js > output/bundle.js
+	echo 'module.exports = PS.Container;' >> output/bundle.js
+	node_modules/browserify/bin/cmd.js output/bundle.js index.js -o html/index.js
diff --git a/examples/component/README.md b/examples/component/README.md
@@ -0,0 +1,12 @@
+# Component Example
+
+## Building
+
+```
+npm install
+make all
+```
+
+This will compile the PureScript source files, bundle them, and use Browserify to combine PureScript and NPM sources into a single bundle.
+
+Then open `html/index.html` in your browser.
diff --git a/examples/component/html/index.html b/examples/component/html/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>react-basic example</title>
+  </head>
+  <body>
+    <div id="container"></div>
+    <script src="index.js"></script>
+  </body>
+</html>
diff --git a/examples/component/index.js b/examples/component/index.js
@@ -0,0 +1,10 @@
+"use strict";
+
+var React = require("react");
+var ReactDOM = require("react-dom");
+var Container = require("./output/bundle.js");
+
+ReactDOM.render(
+  React.createElement(Container.component, { label: 'Increment' }),
+  document.getElementById("container")
+);