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>
  }}
/>

Maintainers

• Felix Angelov
• Erick Torres