//useEffect はデフォルトで毎回ウィジェットのビルド時に同期的に呼び出されます。
void useEffect(
　Dispose? effect(
　  //ここにオプション関数を返すことができる。
　), 
　//keys を指定した場合は、keys 内の値が変更時のみ呼び出される。
　[List<Object?>? keys] 
)

⓷　useEffect(() {
  ⓸　final subscription = stream.listen(print); //主処理
　    //⓵ウィジェットの破棄時またはコールバックが再び呼び出される時に、
　    // 購読をキャンセルする
　    ⓹　return subscription.cancel; //オプション関数
　  },
　  //⓶Stream が変わると、useEffect はコールバックを再び呼び出す
　  ⓺　[stream], //依存配列
);

シナリオ例：
１-１．アプリ起動時
　widget初回ビルド時、⓸(主処理)実行(stream購読開始)する。
　（この時点で、⓹(オプション)は実行されない。）
　　※オプションは、useEffect再実行前またはwidget破棄時に実行されるものです。
１-２．Firestoreからのstreamが変化したら･･･
　⓺(依存配列)を根拠にして、まず⓹(オプション(cancel))実行する。

　　※ここまでが１セットの処理、となります。

２．そして、その後で、⓷(useEffect)再実行され、⓸(主処理(購読))開始される。

３．外部要因によるwidget再ビルド発生するも･･･
　　（⓺(stream)変更が無い限り･･･）
　　　⓷(useEffect)再実行はされません。
　　　　（従って、⓸(主処理)⓹(オプション)とも実行されません。）

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:test05/widgets/Animations/animation_example.dart';

void main() {
  runApp(
    const ProviderScope(
      child: MaterialApp(
        home: AnimationExample(
          duration: Duration(seconds: 15)
        ),
      ),
    ),
  );
}

import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';

class AnimationExample extends HookWidget {
  const AnimationExample({Key? key, required this.duration})
      : super(key: key);

  final Duration duration;

  @override
  Widget build(BuildContext context) {
    //useAnimationController を使ってコントローラーを作成
    final controller = useAnimationController(duration: duration);

    //アニメーション開始処理(initState の代わりに useEffect で行う)
    useEffect(() {
      controller.forward(); //初期表示時にアニメーション開始
      return null; //クリーンアップ処理が不要なため null を返す
    }, []); //空のリストを渡すことで初回のビルド時のみ実行

    //duration が変更された場合にアニメーションを再スタートする
    useEffect(() {
      controller.duration = duration;
      controller.forward(); //新規 duration でアニメーション再開
      return null;
    }, [duration]); //duration が変更されたときにのみ再実行

    //アニメーションのビルド処理
    return AnimatedBuilder(
      animation: controller,
      builder: (context, child) {
        return Opacity(
          opacity: controller.value, //透明度が0から1へと変化
          child: Container(
            width: 100 + 200 * controller.value,//幅(100→300)
            height: 100 + 200 * controller.value, //高(〃)
            color: const Color.fromARGB(255, 243, 33, 103),
          ),
        );
      },
    );
  }
}

１．初期化時のアニメーション開始:
useEffect を空のリスト [] とともに使用することで、初回のビルド時にのみ controller.forward() を呼び出しています。これは initState() で行っていた処理に相当します。

２．duration の変更時にアニメーションを再スタート:
useEffect の依存関係に duration を渡すことで、duration が変更された場合に controller.forward() を再び呼び出します。これは didUpdateWidget() で行っていた処理に相当します。

このように、flutter_hooks を使うことで、StatefulWidget を使わずに、シンプルかつ直感的にアニメーションの制御を行うことができます。この実装なら、コードの可読性とメンテナンス性が向上しますよね。