@override
Widget build(BuildContext context) {
  useEffect(() {
    // 第二引数に指定した要素に変化がなければ再実行されないため、
    // `StatefullWidget` の `initState` のように初回ビルドのみ実行させたい処理を指定できる
    fetchData();
    // 戻り値として関数を返す。この関数は dispose されたときに実行されるため、
    // `StatefullWidget` の `onDispose` と同じように利用できる
    // 特に必要ない場合は `null` を返せばOK
    return null;
  // このListで指定した要素が更新されたとき、 `useEffect` が再実行される。つまり、空Listを指定しておけば再実行されない。
  }, const []);
}

@override
Widget build(BuildContext context) {
  final textEditingController = useTextEditingController(text: 'initial text');
  return TextField(
    controller: textEditingController,
    ...
  )
}

// `useMemoized` を使用すれば、Widgetが再構築されても、nowの値は変わりません
final now = useMemoized(() => DateTime.now());

@override
Widget build(BuildContext context) {
  return FutureBuilder<PackageInfo>(
    future: PackageInfo.fromPlatform(),
    builder: (context, snapshot) {
      if (snapshot.hasError) {
        return const Text('Errorが発生しました');
      }
      if (snapshot.hasData && snapshot.data != null) {
        final packageInfo = snapshot.data!;
        return Text('${packageInfo.appName}');
      }
      return const Text('loading');
    },
  );
}

@override
Widget build(BuildContext context) {
  // useMemoizedを使用することで、結果がキャッシュされてWidget再構築時に再処理されなくなる
  final future = useMemoized(PackageInfo.fromPlatform);
  final snapshot = useFuture(future, initialData: null);
  if (snapshot.hasError) {
    return const Text('Errorが発生しました');
  }
  if (snapshot.hasData && snapshot.data != null) {
    final packageInfo = snapshot.data!;
    return Text('${packageInfo.appName}');
  }
  return const Text('loading');
}