feat: 🎸 Major update

BREAKING CHANGE: 🧨 structure and hooks names changes

Author: prc5

src/hooks/index.ts

@@ -0,0 +1,9 @@
+export * from "./use-deps-change";
+export * from "./use-did-mount";
+export * from "./use-did-update";
+export * from "./use-force-update";
+export * from "./use-is-mounted";
+export * from "./use-layout-mount";
+export * from "./use-layout-update";
+export * from "./use-will-mount";
+export * from "./use-will-unmount";

src/hooks/use-deps-change/index.ts

@@ -0,0 +1 @@
+export * from "./use-deps-change.hook";

src/hooks/use-did-change.hook.ts renamed to src/hooks/use-deps-change/use-deps-change.hook.ts

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from "react";
 
-export const useDidChange = <T extends unknown[]>(
-  callback: (previousDependencies: T | null) => void,
+export const useDepsChange = <T extends any[]>(
+  callback: VoidFunction | ((previousDependencies: T | null) => VoidFunction),
   dependencies: T,
   useOnMount = false,
 ) => {

src/hooks/use-did-mount.hook.ts

@@ -0,0 +1 @@
+export * from "./use-did-mount.hook";

src/hooks/use-did-mount/index.ts

@@ -0,0 +1,13 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+import { useEffect, useRef } from "react";
+
+export const useDidMount = (callback: VoidFunction | (() => VoidFunction)) => {
+  const mounted = useRef(false);
+
+  useEffect(() => {
+    if (!mounted.current) {
+      mounted.current = true;
+      return callback();
+    }
+  }, []);
+};

src/hooks/use-did-mount/use-did-mount.hook.ts

@@ -0,0 +1 @@
+export * from "./use-did-update.hook";

src/hooks/use-did-update/index.ts

@@ -2,8 +2,9 @@
 import { useEffect, useRef } from "react";
 
 export const useDidUpdate = (
-  callback: () => void,
-  dependencies: readonly unknown[],
+  callback: VoidFunction | (() => VoidFunction),
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  dependencies: any[],
   useOnMount = false,
 ) => {
   const mountRef = useRef(useOnMount);

src/hooks/use-did-update.hook.ts renamed to src/hooks/use-did-update/use-did-update.hook.ts

@@ -0,0 +1 @@
+export * from "./use-force-update.hook";