react-native.js

import React from "react";

const RN = React;

export const PropTypes = React.PropTypes;

RN.StyleSheet = {
  create: (style) => style
};

const createComponent = (type) => {
  return React.createClass({
    displayName: type,
    propTypes: {
      children: React.PropTypes.node
    },
    render() {
      return <div {...this.props}>{this.props.children}</div>;
    }
  });
};

RN.View = createComponent("View");
RN.Text = createComponent("Text");
RN.ActivityIndicatorIOS = createComponent("ActivityIndicatorIOS");
RN.Image = createComponent("Image");
RN.TouchableHighlight = createComponent("TouchableHighlight");
RN.ScrollView = createComponent("ScrollView");

export default RN;

As react-native has named exports, the following would actually return undefined, and React.createElement type warnings:

import {
  View,
  Text
} from 'react-native';

You could fix this by providing the same named exports in this mock:

const View = RN.View = createComponent("View");
// ...etc

export {
  RN.View,
  RN.Text,
  RN.ActivityIndicatorIOS,
  RN.Image,
  RN.TouchableHighlight,
  RN.ScrollView
};

@joemckie you mean:

export {
  View,
  Text,
  ActivityIndicatorIOS,
  Image,
  TouchableHighlight,
  ScrollView,
  StyleSheet
};

Right?