react-rx-pure-connect Advanced Example

react-rx-pure-connect-advanced-example.ts

import {connect} from 'react-rx-pure-connect'

const Component = (props: {name: string}) => <h2>Name: {props.name}</h2>

const mapProps = (props: {personId: number}) => Observable.ajax
    .getJSON(`/api/person/${props.personId}`)
    .map(person => ({name: person.name}))

const Name = connect(mapProps)(Component)

// Rendered as "<h2>Name: Bob</h2>"
<Name personId={123} />