feat: createRef() simplified and demo

Author: streamich

src/shim/__story__/createRef.story.tsx

@@ -0,0 +1,21 @@
+import {Component, createElement as h} from 'react';
+import {storiesOf} from '@storybook/react';
+import {action} from '@storybook/addon-actions';
+import {linkTo} from '@storybook/addon-links';
+import {createRef} from '../createRef';
+import ShowDocs from '../../../.storybook/ShowDocs'
+
+class Example extends Component<any, any> {
+  divRef = createRef();
+
+  onClick = () => {
+    console.log('ref', this.divRef.value);
+  };
+
+  render () {
+    return <div ref={this.divRef} onClick={this.onClick}>foobar</div>;
+  }
+}
+
+storiesOf('Shims/createRef()', module)
+  .add('Basic example', () => <Example />);

src/shim/createRef.ts

@@ -1,13 +1,7 @@
-const shimCreateRef = (React) => {
-  if (typeof React.createRef !== 'function') {
-    React.createRef = () => {
-      const ref: any = (el) => {
-        ref.value = el;
-      };
+export const createRef = () => {
+  const ref: any = (el) => {
+    ref.value = el;
+  };
 
-      return ref;
-    };
-  }
+  return ref;
 };
-
-export default shimCreateRef;