A predictable state management library that helps implement the BLoC design pattern.
Overview
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
CounterBlocto implement the classic Flutter Counter app. - Form Validation – an example of how to use the
blocandflutter_blocpackages to implement form validation. - Bloc with Stream – an example of how to hook up a
blocto aStreamand update the UI in response to data from theStream. - Infinite List – an example of how to use the
blocandflutter_blocpackages to implement an infinite scrolling list. - Login Flow – an example of how to use the
blocandflutter_blocpackages to implement a Login Flow. - Firebase Login – an example of how to use the
blocandflutter_blocpackages to implement login via Firebase. - Github Search – an example of how to create a Github Search Application using the
blocandflutter_blocpackages. - Weather – an example of how to create a Weather Application using the
blocandflutter_blocpackages. The app uses aRefreshIndicatorto implement “pull-to-refresh” as well as dynamic theming. - Todos – an example of how to create a Todos Application using the
blocandflutter_blocpackages. - Timer – an example of how to create a Timer using the
blocandflutter_blocpackages. - Firestore Todos – an example of how to create a Todos Application using the
blocandflutter_blocpackages that integrates with cloud firestore. - Shopping Cart – an example of how to create a Shopping Cart Application using the
blocandflutter_blocpackages based on flutter samples. - Dynamic Form – an example of how to use the
blocandflutter_blocpackages to implement a dynamic form which pulls data from a repository.
Web
- Counter – an example of how to use a
CounterBlocin an AngularDart app. - Github Search – an example of how to create a Github Search Application using the
blocandangular_blocpackages.
Flutter + Web
- Github Search – an example of how to create a Github Search Application and share code between Flutter and AngularDart.
Articles
- bloc package – An intro to the bloc package with high level architecture and examples.
- 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.
- 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.
- firebase login tutorial with flutter_bloc – How to create a fully functional login/sign up flow using the bloc and flutter_bloc packages with Firebase Authentication and Google Sign In.
- flutter timer tutorial with flutter_bloc – How to create a timer app using the bloc and flutter_bloc packages.
- firestore todos tutorial with flutter_bloc – How to create a todos app using the bloc and flutter_bloc packages that integrates with cloud firestore.
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
- Hydrated Bloc – An extension to the
blocstate management library which automatically persists and restoresblocstates, by Felix Angelov. - Bloc.js – A port of the
blocstate management library from Dart to JavaScript, by Felix Angelov. - Bloc Code Generator – A code generator that makes working with bloc easier, by Adson Leal.
- Firebase Auth – A Web, Mobile Firebase Auth Plugin, by Rody Davis.
- Form Bloc – An easy way to create forms with BLoC pattern without writing a lot of boilerplate code, by Giancarlo.
Video Tutorials
- 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.
- Flutter Bloc – AUTOMATIC LOOKUP – v0.20 (and Up), Updated Tutorial – Updated Tutorial on the Flutter Bloc Package, by Reso Coder.
- Dynamic Theming with flutter_bloc – Tutorial on how to use the flutter_bloc package to implement dynamic theming, by Reso Coder.
- Persist Bloc State in Flutter – Tutorial on how to use the hydrated_bloc package to automatically persist app state, 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.
- Learning the Flutter Bloc Package – Learning the flutter_bloc package live, by Robert Brunhage
- Bloc Test Tutorial – Tutorial on how to unit test blocs using the bloc_test package, by Reso Coder.
Extensions
- Feature Scaffolding for VSCode – A VSCode extension inspired by Reso Coder’s clean architecture tutorials, which helps quickly scaffold features, by Kiritchouk Clément.
Maintainers
Download Bloc source code on GitHub
https://github.com/felangel/bloc
Provides the list of the opensource Flutter apps collection with GitHub repository.
