【 Flutter 】Flutter を 基礎 から 学習 ( アーキテクチャ ) part239 BLoCパターンとは

基礎 から 学ぶ Flutter 」という書籍で  学習 したことを ブログでアウトプットしていこうと思います。今回は アーキテクチャ ( part239 )です。

前回

【 Flutter 】Flutter を 基礎 から 学習 ( アーキテクチャ ) part238 「StreamBuilder」ウィジェットを使ったサンプル

引き続き、アーキテクチャについて学びます。

BLoCパターンとは

BLoCBusiness Logic Componentの略です。

BLoCパターンは2018年01月24日のDart Coferenceで発表されたパターンです。

このパターンはGoogleのAdWordsの開発でModel部分の共通化を実現するために使用されました。
(AngularDartとはなんでしょう?)

BLocの設計ガイドライン

下記のルールに遵守する限りほかの実装は自由です。

  • 入出力は単純なSinksStreamのみ
  • 依存関係は注入可能でプラットフォームに依存しない
  • プラットフォームによる分岐処理を書いてはいけない

Flutterって依存関係注入(DI)できるんですか!?驚きです。

UI設計のガイドライン

  • それぞれ「十分に複雑な」コンポーネントには、対応するBLoCを持つ
  • コンポーネントは「そのまま」入力を送信する必要がある
  • コンポーネントは、「現状のまま」にできるだけ近い出力を表示するひつようがある
  • すべての分岐は単純なBLoCブール出力に基づくべき

 

最後に

順に確認していく必要がありそうです。
今日はここまで!

参考

【Flutter】BLoCパターンとは? – Qiita

Dart Conference 2018: Watch Talk Videos from the Conference | ConferenceCast.tv