first implementation finished

app/lib/presentation/hooks/listenable_callback.dart

@@ -0,0 +1,12 @@
+import 'package:flutter/foundation.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+
+void useListenableCallback(Listenable? listenable, void Function() callback) {
+  useEffect(
+    () {
+      listenable?.addListener(callback);
+      return () => listenable?.removeListener(callback);
+    },
+    [listenable],
+  );
+}

app/lib/presentation/hooks/on_dispose.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/foundation.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+
+void useOnDispose(VoidCallback onDispose) {
+  useEffect(
+    () {
+      return onDispose;
+    },
+    const [],
+  );
+}

app/lib/presentation/hooks/on_initialization.dart

@@ -0,0 +1,13 @@
+import 'dart:async';
+
+import 'package:flutter_hooks/flutter_hooks.dart';
+
+void useOnInitialization(FutureOr<void> Function() callback) {
+  useEffect(
+    () {
+      Future.microtask(callback);
+      return null;
+    },
+    [],
+  );
+}

app/lib/presentation/hooks/overlay_portal_controller.dart

@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+
+OverlayPortalController useOverlayPortalController() {
+  return use(const _OverlayPortalControllerHook());
+}
+
+class _OverlayPortalControllerHook extends Hook<OverlayPortalController> {
+  const _OverlayPortalControllerHook();
+
+  @override
+  HookState<OverlayPortalController, Hook<OverlayPortalController>>
+      createState() {
+    return _OverlayPortalControllerHookState();
+  }
+}
+
+class _OverlayPortalControllerHookState
+    extends HookState<OverlayPortalController, _OverlayPortalControllerHook> {
+  late final controller = OverlayPortalController();
+
+  @override
+  OverlayPortalController build(BuildContext context) => controller;
+
+  @override
+  String get debugLabel => 'useOverlayPortalController';
+}

app/lib/presentation/hooks/sync_page_tab.dart

@@ -0,0 +1,34 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+
+void useSyncPageWithTab(
+  TabController tabController,
+  PageController pageController,
+) {
+  useEffect(
+    () {
+      Future<void> syncPage() async {
+        await pageController.animateToPage(
+          tabController.index,
+          curve: Curves.linear,
+          duration: const Duration(milliseconds: 300),
+        );
+      }
+
+      void syncTab() {
+        if (!tabController.indexIsChanging) {
+          tabController.animateTo(pageController.page!.round());
+        }
+      }
+
+      tabController.addListener(syncPage);
+      pageController.addListener(syncTab);
+
+      return () {
+        tabController.removeListener(syncPage);
+        pageController.removeListener(syncTab);
+      };
+    },
+    [tabController, pageController],
+  );
+}