flutter_bloc · 패키지 상세

패키지 설치

flutter pub add flutter_bloc

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Flutter_Bloc은 BLoC(Business Logic Component) 디자인 패턴 구현을 단순화하는 Flutter 패키지로, UI와 비즈니스 로직 간의 명확한 분리를 촉진합니다. bloc 상태 관리 라이브러리와 원활하게 통합되어 스트림과 이벤트를 통해 반응형 상태 업데이트를 가능하게 합니다. 앱 전체에서 상태를 효율적으로 관리하기 위해 BlocBuilder, BlocProvider, Cubit 등의 위젯을 제공합니다. 확장성과 테스트 가능성에 최적화되어 있으며, Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼을 지원합니다.

사용 사례

대규모 앱에서의 상태 관리
상태 변경에 기반한 반응형 UI 업데이트
비즈니스 로직과 UI 분리
복잡한 상태 전이 테스트
재사용 가능한 상태를 가진 컴포넌트 만들기

주요 기능

스트림 기반 상태 처리
상태 동기화를 위한 내장 위젯
bloc 라이브러리와의 간편한 통합
Bloc 및 Cubit 패턴 모두 지원
크로스 플랫폼 호환성

적합한 대상

BLoC 패턴을 사용하는 개발자
예측 가능한 상태 흐름이 필요한 앱
테스트 가능성과 유지보수성을 우선시하는 팀
복잡한 상태 로직을 가진 프로젝트

고려 사항

초보자를 위한 학습 곡선이 더 가파릅니다
스트림과 이벤트에 대한 이해가 필요합니다
간단한 사용 사례에 대해 봐일러플레이트를 도입할 수 있음
매우 작거나 정적 앱에 적합하지 않음

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Bloc

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

Package	Pub
angular_bloc
bloc
bloc_concurrency
bloc_lint
bloc_test
bloc_tools
flutter_bloc
hydrated_bloc
replay_bloc

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

Migration Guide

Examples

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.
Complex List - an example of how to manage a list of items and asynchronously delete items one at a time using bloc and flutter_bloc.
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.
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.
Wizard - an example of how to build a multi-step wizard using the bloc and flutter_bloc packages.
Bloc Concurrency Visualizer - an example of visualizing the various bloc_concurrency transformers.
Fluttersaurus - an example of how to use the bloc and flutter_bloc packages to create a thesaurus app -- made for Bytconf Flutter 2020.
I/O Photo Booth - an example of how to use the bloc and flutter_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 the bloc and flutter_bloc packages to create a pinball web app -- made for Google I/O 2022.
I/O Holobooth - an example of how to use the bloc and flutter_bloc packages to create a virtual photobooth experience -- made for Flutter Forward.
I/O Flip - an example of how to use the bloc, flutter_bloc, and flame_bloc packages to create a card game -- made for Google I/O 2023.

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

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.

Books

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.

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

Bloc.js - A port of the bloc state management library from Dart to JavaScript, by Felix Angelov.
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.
Flame Bloc - Bloc integration for the Flame game engine, by Flame Engine.

Video Tutorials

Bloc Library: Basics and Beyond 🚀 - Talk given at Flutter Europe about the basics of the bloc library, by Felix Angelov.
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.
Bloc - from Zero to Hero - Playlist which includes everything needed to get started with bloc, by Flutterly.
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, by Vandad Nahavandipoor.

Written Resources

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

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.