@hrnec06/react_utils 1.3.3 → 1.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hrnec06/react_utils",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "description": "A debugger component for react.",
   "exports": {
     ".": "./src/index.ts"

package/src/hooks/useEfficientRef.ts

@@ -0,0 +1,8 @@
+import { useMemo, useRef } from "react";
+
+export default function useEfficientRef<T>(callback: () => T): React.RefObject<T>
+{
+	const defaultValue = useMemo(() => callback(), []);
+
+	return useRef<T>(defaultValue);
+}

package/src/hooks/useLazySignal.ts

@@ -1,6 +1,6 @@
 import { ReactUtils } from "@hrnec06/util";
 import { Signal } from "./useSignal";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 
 const LazyNoValue = Symbol("LazyNoValue");
 
@@ -9,10 +9,8 @@ type LazyValue<T> = T | typeof LazyNoValue;
 export default function useLazySignal<T>(callback: () => T): LazySignal<T>
 {
 	const [_value, _setValue] = useState<LazyValue<T>>(LazyNoValue);
-	
-	const signal = new LazySignal(_value, _setValue, callback);
 
-	return signal;
+	return useMemo(() => new LazySignal(_value, _setValue, callback), [_value]);
 }
 
 export class LazySignal<T> extends Signal<LazyValue<T>>

package/src/hooks/useSignal.ts

@@ -1,22 +1,25 @@
 import { ReactUtils } from "@hrnec06/util";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 
 export default function useSignal<T>(value: T): Signal<T>
 {
 	const [_value, _setValue] = useState(value);
 
-	const signal = new Signal(_value, _setValue);
-
-	return signal;
+	return useMemo(() => new Signal(_value, _setValue), [_value]);
 }
 
 export class Signal<T>
 {
+	protected _value: T;
+	protected setState: ReactUtils.SetState<T>;
+
 	constructor(
-		protected _value: T,
-		protected setState: ReactUtils.SetState<T>
+		_value: T,
+		setState: ReactUtils.SetState<T>
 	)
 	{
+		this._value = _value;
+		this.setState = setState;
 	}
 
 	public set value(value: T | ((prev: T) => T))

package/src/index.ts

@@ -3,6 +3,9 @@ import useListener from "./hooks/useListener";
 import useUpdatedRef from "./hooks/useUpdatedRef";
 import useUpdateEffect from "./hooks/useUpdateEffect";
 import useWindowSize from "./hooks/useWindowSize";
+import useEfficientRef from "./hooks/useEfficientRef";
+import useEfficientState from "./hooks/useEfficientState";
+import useUUID from "./hooks/useUUID";
 
 import useSignal, { Signal } from "./hooks/useSignal";
 
@@ -17,6 +20,9 @@ export {
 	useUpdatedRef,
 	useUpdateEffect,
 	useWindowSize,
+	useEfficientRef,
+	useEfficientState,
+	useUUID,
 
 	useSignal,
 	Signal,