---
[Bloc](https://github.com/felangel/bloc) for React
This package is built to work with [bloc](https://www.npmjs.com/package/@felangel/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](https://en.wikipedia.org/wiki/Pure_function) that returns a component in response to the state.
```tsx
{
return {count}
}}
/>
```
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.
```tsx
{
return (previousState + currentState) % 3 === 0
}}
builder={count => {
return {count}
}}
/>
```
### Maintainers
- [Felix Angelov](https://github.com/felangel)
- [Erick Torres](https://github.com/erickjtorres)