jordwalke

open ReactDOM

module MyComponent = struct
  (* Component Properties *)
  type props = {count: int}

  (* Hey, state can be any type! *)
  type state = string

  (* Initializer *)

jordwalke

#!/bin/sh

set -e

# Just make sure there's a file called fileName.ml in the same directory
TARGET=fileName
# Disabling duplicate record warning (30) and non-opened record field names (40)
FLAGS="-libs unix,nums -cflags -w,-30,-w,-40"
OCAMLBUILD=ocamlbuild

jordwalke

var items = this.props.showThings ? this.props.items : [];
return (
  <ul>
    {items.map(thing => <li>{thing}</li>)}
  </ul>
);

jordwalke

#!/bin/sh

set -e

TARGET=driver
# Disabling duplicate record warning (30) and non-opened record field names (40)
FLAGS="-libs unix,nums -cflags -w,-30,-w,-40"
OCAMLBUILD=ocamlbuild

ocb()

jordwalke

var x =
  <svg
    width="100%"
    height="100%"
    viewBox="0 0 700 700"
    version="1.1"
    style={{cursor: 'pointer'}}
    onMouseDown={this.handleMouseDown}
    onMouseUp={this.handleMouseUp}>
    {this.renderGraphic(rotationStyle)}

jordwalke

/**
 * ReactJS: JavaScript like you've always done it.
 * 
 * This example renders your top ten most followed friends/followers, `filter`ing
 * only your favorites, and putting a star on all verified accounts.
 * 
 * With ReactJS, any time your data changes, the UI is always brought up to date
 * automatically. If friends length changes, or followCount - it always shows what
 * `render` describes.
 */

jordwalke

/**
 * ReactJS: JavaScript like you've always done it.
 * 
 * This example renders your top ten most followed friends/followers, `filter`ing
 * only your favorites, and putting a star on all verified accounts.
 * 
 * With ReactJS, any time your data changes, the UI is always brought up to date
 * automatically. If friends length changes, or followCount - it always shows what
 * `render` describes.
 */

jordwalke

require.extensions['.jsx'] = function(module) {
  module._compile(reactTools.transform(fs.readFileSync(module.filename, 'utf8')), module.filename);
};