A React Component that renders itself based on the latest snapshot emitted by a Subject. This is based on the StreamBuilder Widget by Flutter. The proposal of this component is helping the introduction of the BLoC Pattern concepts or any variation in React environment. As the BLoC pattern uses reactive programming patterns, this component was built to work properly with ReactiveX library, in this case, RxJS.
npm install bloc-builder-react
There's a reposiory which is running this component with the BLoC Pattern applied. If you want to check it out: Bloc React Example Repository and Bloc React Example Runnig
<BlocBuilder
initialValue= {<optional initial value>}
subject = {<your rxjs subject>}
builder = {
(snapshot) => {
return <your jsx component>;
}
}}
/>An RxJS Subject is a special type of Observable that allows values to be multicasted to many Observers. Here we have a subject to each BlocBuilder. Any Subject variant can be used.
A function that returns the Snapshot value and render itself based on the latest snapshot emitted.
That's an optional parameter. When the BlocBuilder inits, if there's no action from the subject, then the BlocBuilder will render once with the InitialValue as the snapshot data.
The snapshot is the value received from the Subject, that means, every time the Subject send new data to their Observer, the BlocBuilder will render with the data received.
Contains the data from the builder. It can be null if an error happens in the Subscription or the Subject.
Contains the state of the connection with the stream. So far, it can be: -1 (Waiting), 0(Active) and 1(Done)
Contains the error. It can be null if no error has been dispatched.