React-DataStream

react-datastream is an easy way for your components to talk to each other. It will make your "Prop Drilling" a thing of the past.

• Easy to use and integrate
• No boilerplate
• Minimal react code changes
• Magic

How it works!

react-datastream uses streams with a pub/sub model, any component can publish to the stream and any component can subscribe to a stream. any to any relationship.

Installation

$ npm install react-datastream

Usage

Import it in your code

import datastream from "react-datastream";

declare a shared stream name

const STREAM_NAME = "DATA_STREAM"

publish changes

datastream.publish(STREAM_NAME, value);

listen for changes

datastream.subscribe(STREAM_NAME, (value) => {console.log(value)});

Dont forget to unsubscribe to prevent orphaned callbacks

stream: Stream;

componentDidMount() {
  this.stream = datastream.subscribe(STREAM_NAME, value => console.log(value));
}

componentWillUnmount() {
  this.stream.unsubscribe()
}

Cheers!