A predictable state management library that helps implement the BLoC design pattern.
Package | Pub |
---|---|
bloc | |
flutter_bloc | |
angular_bloc |
The goal of this library is to make it easy to separate presentation from business logic, facilitating testability and reusability.
- Counter - an example of how to create a
CounterBloc
(pure dart).
- 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
andflutter_bloc
packages to implement form validation. - Infinite List - an example of how to use the
bloc
andflutter_bloc
packages to implement an infinite scrolling list. - Login Flow - an example of how to use the
bloc
andflutter_bloc
packages to implement a Login Flow. - Firebase Authentication - an example of how to use the
bloc
andflutter_bloc
packages to authenticate users via Firebase. - Github Search - an example of how to create a Github Search Application using the
bloc
andflutter_bloc
packages. - Weather - an example of how to create a Weather Application using the
bloc
andflutter_bloc
packages. The app uses aRefreshIndicator
to implement "pull-to-refresh" as well as dynamic theming. - Todos - an example of how to create a Todos Application using the
bloc
andflutter_bloc
packages.
- 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
andangular_bloc
packages.
- Github Search - an example of how to create a Github Search Application and share code between Flutter and AngularDart.
- bloc package - An intro to the bloc package with high level architecture and examples.
- flutter login tutorial with flutter_bloc - How to create a full login flow using the bloc and flutter_bloc packages.
- unit testing with bloc - How to unit test the blocs created in the flutter login tutorial.
- flutter infinite list tutorial with flutter_bloc - How to create an infinite list using the bloc and flutter_bloc packages.
- code sharing with bloc - How to share code between a mobile application written with Flutter and a web application written with AngularDart.
- weather app tutorial with flutter_bloc - How to build a weather app which supports dynamic theming, pull-to-refresh, and interacting with a REST API using the bloc and flutter_bloc packages.
- todos app tutorial with flutter_bloc - How to build a todos app using the bloc and flutter_bloc packages.
- 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.
Learn more at the following links, which have been contributed by the community.
- Flutter Bloc Library Tutorial - Introduction to the Bloc Library, by Reso Coder.
- Flutter Youtube Search - How to build a Youtube Search app which interacts with an API using the bloc and flutter_bloc packages, by Reso Coder.
- State Management Foundation - Introduction to state management using the flutter_bloc package, by Techie Blossom.
- Flutter Football Player Search - How to build a Football Player Search app which interacts with an API using the bloc and flutter_bloc packages, by Techie Blossom.