Should support fully declarative behaviour

[toxicFork]

• I don't want to call any functions other than ReactThreeRenderer.render, and perhaps setState
• If I change anything in the scene, it should re-render automatically
• Perhaps like this?

  
  // Following https://github.com/mrdoob/three.js/wiki/Getting-Started

import as React from "react"; import as THREE from "three"; import ReactThreeRenderer from "react-three-renderer";

ReactThreeRenderer.render(<webGLRenderer width={800} height={600}

clearColor={0xdddddd} clearAlpha={1}

<render camera={<perspectiveCamera fov={35} aspect={800 / 600} near={0.1} far={10000} position={new THREE.Vector3(-15, 10, 10)} lookAt={new THREE.Vector3(0, 0, 0)} />} scene={

<pointLight position={new THREE.Vector3(10, 0, 10)} color={0xFFFF00} /> }

, document.getElementById("example"));

[toxicFork]

this is kind of done already