lookatthisshitcracker.js

//COMPONENT
class Scene extends Component {
  componentDidMount(){
    this.props.addNodeToScene({
      asset: "mechsniper-hands.qb",
      position: [0,0,0]
    });
  }
  
  renderNodes(){
    if(!this.props.root || !!this.props.root.children){
      return null;
    }
    
    return this.props.root.children.map((sceneTreeNode) => {
      return sceneTreeNode.component;
    });
  }
  
  render(){
    return(
      <Camera>
        {this.renderNodes()};
      </Camera>
    );
  }
};

const mapStateToProps = (state, ownProps) => {
  return {
    root: ownProps.root,
  };
};


export default connect({
  addNodeToScene
})(Scene);






//ACCTION
export const addNodeToScene = (nodeDefinition) => (dispatch, getState) => {
  if(nodeDefinition.asset){
    return fetchAssetBinary(nodeDefinition.asset)(dispatch, getState).then((buffer) => {
      dispatch({
        type: ADD_NODE_TO_SCENE,
        node: nodeDefinition
      });
    });
  }

  dispatch({
    type: ADD_NODE_TO_SCENE,
    node: nodeDefinition
  });
};



//REDUCER

const sceneReducer = (scene = {}, action) => {
  switch(action.type){
    case ADD_NODE_TO_SCENE:
      const node = Node(action.node);
      root.addOne(QBNode);
      return Object.assign({}, scene);
      break;
    default:
      return scene;
  }  
};