A predictable state management library that helps implement the BLoC design pattern

Bloc

A predictable state management library that helps implement the BLoC design pattern.

Overview

Bloc Architecture

The goal of this library is to make it easy to separate presentation from business logic, facilitating testability and reusability.

Documentation

Migration

Dart

  • Counter – an example of how to create a CounterBloc (pure dart).

Flutter

  • Counter – an example of how to create a CounterBloc to implement the classic Flutter Counter app.
  • Form Validation – an example of how to use the bloc and flutter_bloc packages to implement form validation.
  • Bloc with Stream – an example of how to hook up a bloc to a Stream and update the UI in response to data from the Stream.
  • Infinite List – an example of how to use the bloc and flutter_bloc packages to implement an infinite scrolling list.
  • Login Flow – an example of how to use the bloc and flutter_bloc packages to implement a Login Flow.
  • Firebase Login – an example of how to use the bloc and flutter_bloc packages to implement login via Firebase.
  • Github Search – an example of how to create a Github Search Application using the bloc and flutter_bloc packages.
  • Weather – an example of how to create a Weather Application using the bloc and flutter_bloc packages. The app uses a RefreshIndicator to implement “pull-to-refresh” as well as dynamic theming.
  • Todos – an example of how to create a Todos Application using the bloc and flutter_bloc packages.
  • Timer – an example of how to create a Timer using the bloc and flutter_bloc packages.
  • Firestore Todos – an example of how to create a Todos Application using the bloc and flutter_bloc packages that integrates with cloud firestore.
  • Shopping Cart – an example of how to create a Shopping Cart Application using the bloc and flutter_bloc packages based on flutter samples.
  • Dynamic Form – an example of how to use the bloc and flutter_bloc packages to implement a dynamic form which pulls data from a repository.

Web

  • Counter – an example of how to use a CounterBloc in an AngularDart app.
  • Github Search – an example of how to create a Github Search Application using the bloc and angular_bloc packages.

Flutter + Web

  • Github Search – an example of how to create a Github Search Application and share code between Flutter and AngularDart.

Articles

Extensions

  • IntelliJ – extends IntelliJ/Android Studio with support for the Bloc library and provides tools for effectively creating Blocs for both Flutter and AngularDart apps.
  • VSCode – extends VSCode with support for the Bloc library and provides tools for effectively creating Blocs for both Flutter and AngularDart apps.

Community

Learn more at the following links, which have been contributed by the community.

Packages

Video Tutorials

Extensions

Maintainers

Download Bloc source code on GitHub

https://github.com/felangel/bloc