Adding FromNonStandardRednerProp demo

demo/demos/FromNonStandardRenderPropDemo.tsx

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import Step from '../Step';
+import {
+  fromNonStandardRenderProp,
+  ChainableComponent
+} from '../../src/ChainableComponent';
+
+type MyRenderPropProps = {
+  foo: string;
+  render?: (s: string) => React.ReactElement<any> | null;
+  otherRender?: (n: number) => React.ReactElement<any> | null;
+};
+
+const MyRenderProp = (props: MyRenderPropProps) => (
+  <div>
+    {props.render
+      ? props.render('string value')
+      : props.otherRender
+      ? props.otherRender(5)
+      : null}
+  </div>
+);
+
+const nonStandardStr = fromNonStandardRenderProp('render', MyRenderProp, {
+  foo: 'asdf'
+});
+const nonStandardNum = fromNonStandardRenderProp('otherRender', MyRenderProp, {
+  foo: 'asdf'
+});
+
+export const FromNonStandardRenderPropDemo = ChainableComponent.all([
+  nonStandardStr,
+  nonStandardNum,
+  nonStandardNum
+]).render(([foo, outer, inner]) => (
+  <div>
+    {foo}
+    <div>
+      Outer: {outer}
+    </div>
+    <div>
+      Inner: {inner}
+    </div>
+  </div>
+));
+
+export default () => (
+  <Step title="FromNonStandardRenderPropDemo Demo">
+    <pre className="code-sample">
+      {`hmm
+`}
+    </pre>
+    {FromNonStandardRenderPropDemo}
+  </Step>
+);

demo/demos/ReactRouterDemo.tsx

@@ -8,6 +8,9 @@ const customHistory = createBrowserHistory();
 
 const withRoute = fromRenderProp(Route);
 
+// how to use 'render' instead of 'children' (react router cares about this...)
+// const withOtherRoute = fromNonStandardRenderProp('render', Route)
+
 // Route doesn't have any required props, so we can just pass the empty object here
 const ReactRouterDemoInner: React.SFC = () => (
   <Step title="React Router Demo">

demo/index.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { AppContainer } from 'react-hot-loader';
-import '../styles/index.less';
 
 import './demo.less';