Bit more typing required for DOM components

[japgolly]

ReactTestUtils.renderIntoDocument doesn't accept a ReactElement but should.

> var div = React.createElement("div", null, "Hello ")
ReactElement {type: "div", key: null, ref: null, _owner: null, _context: Object…}

> var d2 = React.render(div, root)
ReactDOMComponent {_tag: "div", tagName: "DIV", props: Object, _owner: null, _lifeCycleState: "MOUNTED"…}

> d2.refs
undefined

React.createElement: String => ReactDOMElement <: ReactElement
React.render: ReactDOMElement => ReactDOMComponent

[japgolly]

Comparison with components:

> var HelloMessage = React.createClass({displayName: 'HelloMessage',
  render: function() {
    return React.createElement("div", null, "Hello ", this.props.name);
  }
});
function (config, children) {...}

>var h = React.createElement(HelloMessage, {name: "John"})
ReactElement {type: function, key: null, ref: null, _owner: null, _context: Object…}

> var h2 = React.render(h, root)
Constructor {props: Object, _owner: null, _lifeCycleState: "MOUNTED", _pendingCallbacks: null, _currentElement: ReactElement…}

> h2.refs
Object {}

[japgolly]

Virtual DOM builder isn't able to distinguish between a ReactElement being a DOM or component and I'm not going to use dependent types.

Therefore, b569877 is enough to close this.