状態管理をしないソースコードとしているコードで比較をして、riverpodを使うメリットについて解説してみた。

1. なぜ、riverpodを使う
のか？
JboyHashimoto

2. 状態管理がされていない通常のパターン①

3. 状態管理がされていない通常のパターン②

4. 状態管理がされていない通常のパターン③

5. 状態管理をしていない場合だと
①でモデルクラスを定義する
②でサービスクラスを使って、
Firestoreのフィールドにアクセスして、
Map型のデータを取得し
て、.toListでリストに変換して、postStreamで画面に描画できるようにします。
③では、サービスクラスのロジックを使って、モデルクラスで定義した、プロパティを使い、
Firestoreの
title、 bodyのフィールドを表示できるようにします。
結論を言うと、これでは書くコードが多くて、複雑になってしまいます。そこで、状態管理を導入すると、
ソースコードを短いコードで書けるようにして、メンテナンスしやすくしたり、コードを見やすくすることが
できます。

6. riverpodを使うとどうなるのか?
コードの可読性をあげることができます。今回は、
riverpod2.0で導入されたジェネレーターと呼ばれて
いるものを導入します。
これは、メソッドのようなコードを書いて、コマンドを実行すると、プロバイダーを自動生成してくれます。

7. Freezedを使用してモデルクラスを作る。
Freezedを使用すると、toJSON、
fromJSONを書かなくても、パッケージ
が自動で作ってくれます。人によって
は、toMap、fromMapと書いていたり
するし、私の今回書いたコードのよう
に、海外のソースコードを参考にしまし
たが、toJSON、fromJSONと同じ役割
をしているコードを書く必要がありま
す。

8. riverpodジェネレーターなるものを今回使用しました。メソッ
ドのようなものを定義して、コマンドを打つとファイルを自動
生成してくれます。

9. こんなものが自動生成されます!
コードを触ることはありません。

10. こちらは先ほどの画面を表示するコードと比べると簡潔に書
けています。見やすくなっていますね。

11. アプリを実行するとこんな感じで、全ての
データを取得して、画面に表示します。

12. ご清聴ありがとうございました