Repository files navigation

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

Package	Pub
bloc
bloc_test
bloc_concurrency
bloc_lint
flutter_bloc
angular_bloc
hydrated_bloc
replay_bloc

Our top sponsors are shown below! [Become a Sponsor]

The goal of this library is to make it easy to separatepresentation frombusiness logic, facilitating testability and reusability.

• Official Documentation
• Bloc Package
• Bloc Test Package
• Bloc Concurrency Package
• Flutter Bloc Package
• Angular Bloc Package
• Hydrated Bloc Package
• Replay Bloc Package

• Migration Guide

• Counter - an example of how to create aCounterBloc (pure dart).

• Counter - an example of how to create aCounterBloc to implement the classic Flutter Counter app.
• Form Validation - an example of how to use thebloc andflutter_bloc packages to implement form validation.
• Bloc with Stream - an example of how to hook up abloc to aStream and update the UI in response to data from theStream.
• Complex List - an example of how to manage a list of items and asynchronously delete items one at a time usingbloc andflutter_bloc.
• Infinite List - an example of how to use thebloc andflutter_bloc packages to implement an infinite scrolling list.
• Login Flow - an example of how to use thebloc andflutter_bloc packages to implement a Login Flow.
• Firebase Login - an example of how to use thebloc andflutter_bloc packages to implement login via Firebase.
• Github Search - an example of how to create a Github Search Application using thebloc andflutter_bloc packages.
• Weather - an example of how to create a Weather Application using thebloc 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 thebloc andflutter_bloc packages.
• Timer - an example of how to create a Timer using thebloc andflutter_bloc packages.
• Shopping Cart - an example of how to create a Shopping Cart Application using thebloc andflutter_bloc packages based onflutter samples.
• Dynamic Form - an example of how to use thebloc andflutter_bloc packages to implement a dynamic form which pulls data from a repository.
• Wizard - an example of how to build a multi-step wizard using thebloc andflutter_bloc packages.
• Fluttersaurus - an example of how to use thebloc andflutter_bloc packages to create a thesaurus app -- made for Bytconf Flutter 2020.
• I/O Photo Booth - an example of how to use thebloc andflutter_bloc packages to create a virtual photo booth web app -- made for Google I/O 2021.
• I/O Pinball - an example of how to use thebloc andflutter_bloc packages to create a pinball web app -- made for Google I/O 2022.
• I/O Holobooth - an example of how to use thebloc andflutter_bloc packages to create a virtual photobooth experience -- made for Flutter Forward.
• I/O Flip - an example of how to use thebloc,flutter_bloc, andflame_bloc packages to create a card game -- made for Google I/O 2023.

• Counter - an example of how to use aCounterBloc in an AngularDart app.
• Github Search - an example of how to create a Github Search Application using thebloc 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.
• 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.

• Flutter Complete Reference - A book about the Dart programming language (version 2.10, with null safety support) and the Flutter framework (version 1.20). It covers the bloc package (version 6.0.3) in all flavors: bloc, flutter_bloc hydrated_bloc, replay_bloc, bloc_test and cubit.

• 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.

• Bloc.js - A port of thebloc state management library from Dart to JavaScript, byFelix Angelov.
• Firebase Auth - A Web, Mobile Firebase Auth Plugin, byRody Davis.
• Form Bloc - An easy way to create forms with BLoC pattern without writing a lot of boilerplate code, byGiancarlo.
• Flame Bloc - Bloc integration for the Flame game engine, byFlame Engine.

• Bloc Library: Basics and Beyond 🚀 - Talk given atFlutter Europe about the basics of the bloc library, byFelix Angelov.
• Flutter Bloc Library Tutorial - Introduction to the Bloc Library, byReso Coder.
• Flutter Youtube Search - How to build a Youtube Search app which interacts with an API using the bloc and flutter_bloc packages, byReso Coder.
• Flutter Bloc - AUTOMATIC LOOKUP - v0.20 (and Up), Updated Tutorial - Updated Tutorial on the Flutter Bloc Package, byReso Coder.
• Dynamic Theming with flutter_bloc - Tutorial on how to use the flutter_bloc package to implement dynamic theming, byReso Coder.
• Persist Bloc State in Flutter - Tutorial on how to use the hydrated_bloc package to automatically persist app state, byReso Coder.
• State Management Foundation - Introduction to state management using the flutter_bloc package, byTechie 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, byTechie Blossom.
• Learning the Flutter Bloc Package - Learning the flutter_bloc package live, byRobert Brunhage
• Bloc Test Tutorial - Tutorial on how to unit test blocs using the bloc_test package, byReso Coder.
• Bloc - from Zero to Hero - Playlist which includes everything needed to get started with bloc, byFlutterly.
• Bloc (Full Course, 11+ Hours) - Flutter State Management Course - 11+ hour video tutorial on Bloc and Flutter Bloc. In this video you will learn how to create fully fledged production-ready apps with Bloc and Firebase as your backend, byVandad Nahavandipoor.

• DevonFw Flutter Guide - A guide on building structured & scalable applications with Flutter and BLoC, bySebastian Faust
• Using Google´s Flutter Framework for the Development of a Large-Scale Reference Application - Scientific paper describing how to builda large-scale Flutter application with BLoC, bySebastian Faust

• Feature Scaffolding for VSCode - A VSCode extension inspired byReso Coder's clean architecture tutorials, which helps quickly scaffold features, byKiritchouk Clément.

• Felix Angelov