1.0.0 • Published 7 years ago
react-rxjs-connect v1.0.0
React-RxJS connect
Wraps React components and renders them with latest values from RxJS observables:
import React from 'react';
import connect from 'react-rxjs-connect';
import unreadMessages from '../observables/unread-messages';
class MessageCounter extends React.Component {
render() {
return <div className='message-counter'>
{ this.props.count }
</div>;
}
}
export default connect(MessageCounter, {
count: unreadMessages.map(messages => messages.length)
});
API
connect(Component, observablesToPropsMap)
Returns a wrapped component, that maps observable values to Component
props. The keys on
observablesToPropsMap
object are target prop names, while corresponding values are the
subscribed observables.
const ConnectedComponent = connect(Component, { propName: observable });