1.1.5 • Published 7 years ago
react-rx-pure-connect v1.1.5
react-rx-pure-connect
Connecting RxJS Observables to Pure React Stateless Functional Components, written in TypeScript
Usage
Installation
npm i -S react-rx-pure-connect
Simple example
import * as React from 'react'
import {connect} from 'react-rx-pure-connect'
const Component: React.StatelessComponent<{name: string}> = ({name}) => <h1>Hello, {name}</h1>
const propsMapper = () => Observable({name: 'Bob'})
const Greeter = connect(propsMapper)(Component)
const UI = () => <Greeter />
Complete example
import * as React from 'react'
import {Observable} from 'rxjs'
import {connect} from 'react-rx-pure-connect'
interface Person {
name: string
}
interface InternalProps {
person: Person
}
const Component: React.StatelessComponent<InternalProps> = ({person}) => <h1>Hello, {person.name}</h1>
interface PublicProps {
personId: number
}
// maps PublicProps to Observable<InternalProps>
const propsMapper = (props: PublicProps) => Observable.ajax.getJSON(`/api/person/${props.personId}`)
.map(person => ({person}))
const Greeter = connect(propsMapper)(Component)
const UI = () => <Greeter personId={123} />
1.1.5
7 years ago
1.1.4
7 years ago
1.1.3
7 years ago
1.1.2
7 years ago
1.1.1
7 years ago
1.1.0
7 years ago
1.0.25
7 years ago
1.0.24
7 years ago
1.0.23
7 years ago
1.0.22
7 years ago
1.0.21
7 years ago
1.0.20
7 years ago
1.0.19
7 years ago
1.0.18
7 years ago
1.0.17
7 years ago
1.0.16
7 years ago
1.0.15
7 years ago
1.0.14
7 years ago
1.0.13
7 years ago
1.0.12
7 years ago
1.0.11
7 years ago
1.0.10
7 years ago
1.0.9
7 years ago
1.0.8
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago