refactor: move modules to packages (#41)

* refactor: move modules to `packages`

* chore: remove .vscode

packages/react/src/index.d.ts

@@ -0,0 +1,15 @@
+import { Selector } from "@rbxts/charm";
+
+/**
+ * A hook that subscribes to changes in the given atom or selector. The
+ * component is re-rendered whenever the state changes.
+ *
+ * If the `dependencies` array is provided, the subscription to the atom or
+ * selector is re-created whenever the dependencies change. Otherwise, the
+ * subscription is created once when the component is mounted.
+ *
+ * @param callback The atom or selector to subscribe to.
+ * @param dependencies An array of values that the subscription depends on.
+ * @returns The current state.
+ */
+export function useAtom<State>(callback: Selector<State>, dependencies?: unknown[]): State;

packages/react/src/init.luau

@@ -0,0 +1,31 @@
+local Charm = require(script.Parent.Charm)
+local React = if script.Parent:FindFirstChild("react")
+	then require(script.Parent.react) :: never
+	else require(script.Parent.React)
+
+--[=[
+	A hook that subscribes to changes in the given atom or selector. The
+	component is re-rendered whenever the state changes.
+	
+	If the `dependencies` array is provided, the subscription to the atom or
+	selector is re-created whenever the dependencies change. Otherwise, the
+	subscription is created once when the component is mounted.
+	
+	@param callback The atom or selector to subscribe to.
+	@param dependencies An array of values that the subscription depends on.
+	@return The current state.
+]=]
+local function useAtom<State>(callback: Charm.Selector<State>, dependencies: { any }?): State
+	local state, setState = React.useState(callback)
+
+	React.useEffect(function()
+		setState(callback())
+		return Charm.subscribe(callback, setState)
+	end, dependencies or {})
+
+	return state
+end
+
+return {
+	useAtom = useAtom,
+}