flutter_hooksを活用しまくった結果 by kikuchy

FlutterKaigi 2024
一般セッション

flutter_hooksを活用しまくった結果

kikuchy kikuchy kikuchy
1

概要

Webアプリケーションでお馴染みのhookという概念があります。
これを使うと状態管理や副作用を隠蔽した状態で、とても宣言的にUIを書き上げることができます。

Flutterにおいてもflutter_hooksを使用することで同等の機能を実現でき、StatefulWidgetを全く書く必要がなくなります。
例えばTextEditingControllerなどの各種Controller系コンポーネントの初期化や破棄の処理をいちいち手書きする必要がなくなるのです。

私は業務でflutter_hooksを活用することで、非常に快適に状態管理を行えています。
本セッションでは以下のお話をします。

  • flutter_hooksとは
  • 便利なhook関数詰め合わせのflutter_use
  • 使うと世界がどう変わるのか?
  • APIコールも意識せずに宣言的に!
    • graphql_flutterの事例
    • 普通のHttpClientを使った通信を宣言的にする
  • riverpod / providerとの棲み分けは?

想定視聴者

  • 徹底的に宣言的UIでアプリケーションを作りたい人
  • flutter_hooksを活用したい人、使ってみるか迷っている人
  • もっと理解しやすく書きやすいコードにしたいと思っている人