[Discussion] Support custom Components to have CanvasContext access

[raphamorim]

first draft:

import React, { Component } from 'react'
import { render, createComponent } from 'react-ape'

const MyComponent = createComponent(function(props, children, ctx) {
  ctx.rect(20,20,150,100);
  ctx.stroke();
})

//class MyComponent extend React.Component {
//  render
//}

render(MyComponent, document.querySelector('canvas'));

[raphamorim]

hmm, maybe something like would be better:

import React from 'react';
import { registerComponent, View, render } from 'reactApe';

function Carousel(props, canvasContext) {
    // ctx.rect();
    // draws carosel
}

registerComponent('Carousel', Carousel);

const myApp = () => (
   <View>
      <Carousel dataSource={...}/>
   </View>
);

render(myApp, documentQuerySelector('#canvas-id'));