Bloc for React
This package is built to work with bloc.
Bloc Components
BlocBuilder is a React component which requires a Bloc and a builder function. BlocBuilder handles building the component in response to new states. The builder function will potentially be called many times and should be a pure function that returns a component in response to the state.
<BlocBuilder
bloc={bloc}
builder={count => {
return <p>{count}</p>
}}
/>If you want fine-grained control over when the builder function is called you can provide an optional condition to BlocBuilder. The condition takes the previous bloc state and current bloc state and returns a boolean. If condition returns true, builder will be called with currentState and the widget will rebuild. If condition returns false, builder will not be called with currentState and no rebuild will occur.
<BlocBuilder
bloc={bloc}
condition={(previousState, currentState) => {
return (previousState + currentState) % 3 === 0
}}
builder={count => {
return <p>{count}</p>
}}
/>