Add typescript func example

Author: ryanbrainard

examples/ts/UserPage.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import UserWidget from './UserWidget'
+import UserWidgetComp from './UserWidgetComp'
+import UserWidgetFunc from './UserWidgetFunc'
 
 interface Props {
     userId: string,
@@ -9,7 +10,8 @@ export default class UserPage extends React.Component<Props> {
   render() {
     return (
       <div>
-        <UserWidget userId={this.props.userId}/>
+        <UserWidgetComp userId={this.props.userId}/>
+        <UserWidgetFunc userId={this.props.userId}/>
       </div>
     )
   }

examples/ts/UserWidget.tsx examples/ts/UserWidgetComp.tsx

@@ -10,7 +10,7 @@ interface InnerProps extends OuterProps {
     userFetch: PromiseState<User>
 }
 
-class UserWidget extends React.Component<InnerProps> {
+class UserWidgetComp extends React.Component<InnerProps> {
   render() {
     return (
       <ul>
@@ -23,4 +23,4 @@ class UserWidget extends React.Component<InnerProps> {
 
 export default connect<OuterProps, InnerProps>((props) => ({
   userFetch: `/users/${props.userId}`
-}))(UserWidget)
+}))(UserWidgetComp)

examples/ts/UserWidgetFunc.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import { connect, PromiseState } from '../../src'
+import { User } from './types'
+
+interface OuterProps {
+    userId: string
+}
+
+interface InnerProps extends OuterProps {
+    userFetch: PromiseState<User>
+}
+
+function UserWidgetFunc(props: InnerProps) {
+  return (
+    <ul>
+      <li>{ props.userId }</li>
+      <li>{ props.userFetch.fulfilled && props.userFetch.value.name }</li>
+    </ul>
+  )
+}
+
+export default connect<OuterProps, InnerProps>((props) => ({
+  userFetch: `/users/${props.userId}`
+}))(UserWidgetFunc)