#app
View Compiled
body {
  margin: 0;
}
const {Component} = React;

class Application extends Component {
  render () {
    return (
      <Scene>
        <Entity primitive='a-sky' color="#000000"></Entity>
        <Entity 
          geometry={{primitive: 'sphere'}} 
          material={{color: 'white'}} 
          position={{x: 0, y: 0, z: -10}}
        />
        <Entity 
          light={{type: 'point'}}
          position={{x: 2, y: 2, z: 2}}
        />
      </Scene>
    );
  }
}

ReactDOM.render(
  <Application/>, 
  document.getElementById('app')
);
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react-dom.min.js
  3. https://cdnjs.cloudflare.com/ajax/libs/three.js/86/three.min.js
  4. https://cdnjs.cloudflare.com/ajax/libs/aframe/0.7.1/aframe.js
  5. https://cdn.rawgit.com/sasha240100/f5effeb072b42ef6661976e44a772eb3/raw/e7b656f5c92ccb62dfa37a477bfa3f753471ad32/aframe-react.js