feat: add reactive()

packages/react-charm/src/init.luau

@@ -1,16 +1,18 @@
 local Charm = require("./Charm")
 local React = require("./React")
 
---- Returns a React state that updates when the getter function updates.
---- Re-renders the component when the value changes.
----
---- If the `dependencies` array is provided, a new effect is created for the
---- current `getter` when the dependencies change. Otherwise, the effect is
---- created only once, when the component is mounted.
----
---- @param getter The signal or selector to watch.
---- @param dependencies An array of values used to memoize the getter.
---- @return The current state.
+--[[
+	Returns a React state that updates when the getter function updates.
+	Re-renders the component when the value changes.
+
+	If the `dependencies` array is provided, a new effect is created for the
+	current `getter` when the dependencies change. Otherwise, the effect is
+	created only once, when the component is mounted.
+
+	@param getter The signal or selector to watch.
+	@param dependencies An array of values used to memoize the getter.
+	@return The current state.
+]]
 local function useSignalState<T>(getter: () -> T, dependencies: { any }?): T
 	local value, setValue = React.useState(getter)
 
@@ -24,15 +26,17 @@ local function useSignalState<T>(getter: () -> T, dependencies: { any }?): T
 	return value
 end
 
---- Returns a React binding that updates when the getter function updates.
----
---- If the `dependencies` array is provided, a new effect is created for the
---- current `getter` when the dependencies change. Otherwise, the effect is
---- created only once, when the component is mounted.
----
---- @param getter The atom or selector to watch.
---- @param dependencies An array of values used to memoize the getter.
---- @return A binding that stores the current state.
+--[[
+	Returns a React binding that updates when the getter function updates.
+
+	If the `dependencies` array is provided, a new effect is created for the
+	current `getter` when the dependencies change. Otherwise, the effect is
+	created only once, when the component is mounted.
+
+	@param getter The atom or selector to watch.
+	@param dependencies An array of values used to memoize the getter.
+	@return A binding that stores the current state.
+]]
 local function useSignalBinding<T>(getter: () -> T, dependencies: { any }?)
 	local initialValue = React.useMemo(getter, {})
 	local binding, setBinding = React.useBinding(initialValue)