Add useSharedStateSelector hook

Introduced a new `useSharedStateSelector` hook to enhance state management capabilities by enabling efficient state selection with memoization. Added `react-fast-compare` to improve deep comparison performance.

- Added `useSharedStateSelector` for selecting and memoizing shared state slices.
- Used `react-fast-compare` for optimized equality checks.
- Updated `package.json` and `pnpm-lock.yaml` to include `react-fast-compare`.
- Removed unused `pnpm-workspace.yaml`.
- Updated `vite` version to `7.1.5` to align with dependencies.

Author: HichemTab-tech

demo/app.tsx

@@ -4,7 +4,7 @@ import {
     SharedStatesProvider,
     sharedSubscriptionsApi,
     useSharedFunction,
-    useSharedState,
+    useSharedState, useSharedStateSelector,
     useSharedSubscription
 } from 'react-shared-states';
 import './FakeSharedEmitter';
@@ -79,6 +79,44 @@ const Comp2 = () => {
     )
 }
 
+const Comp3 = () => {
+    const [s, set] = useSharedState("json", {a: 0, b: 0});
+
+
+    return (
+        <div>
+            <button onClick={() => set(a => ({...a, a: a.a+1}))}>plus a</button>
+            <br/>
+            <button onClick={() => set(a => ({...a, b: a.b+1}))}>plus b</button>
+            <br/>
+            results: {JSON.stringify(s)}
+            <br/>
+        </div>
+    )
+}
+
+const Comp4 = () => {
+    const a = useSharedStateSelector<{a: number, b: number}, "json", number>("json", (j) => j.a);
+    console.log("render a");
+    return (
+        <div>
+            a: {a}
+            <br/>
+        </div>
+    )
+}
+
+const Comp5 = () => {
+    const a = useSharedStateSelector<{a: number, b: number}, "json", number>("json", (j) => j.b);
+    console.log("render b");
+    return (
+        <div>
+            b: {a}
+            <br/>
+        </div>
+    )
+}
+
 const App = () => {
 
     const [hide, setHide] = useState(false);
@@ -112,6 +150,12 @@ const App = () => {
                 <Comp1/>
                 <Comp1/>
             </SharedStatesProvider>
+            <br/>
+            <br/>
+            <br/>
+            <Comp3/>
+            <Comp4/>
+            <Comp5/>
         </div>
     );
 };

package.json

@@ -33,6 +33,10 @@
   "bugs": {
     "url": "https://github.com/HichemTab-tech/react-shared-states/issues"
   },
+  "peerDependencies": {
+    "react": "^19.1.11",
+    "react-dom": "^19.1.11"
+  },
   "homepage": "https://github.com/HichemTab-tech/react-shared-states#readme",
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",
@@ -45,9 +49,12 @@
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "typescript": "^5.9.2",
-    "vite": "^7.1.3",
+    "vite": "7.1.5",
     "vite-plugin-banner": "^0.8.1",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.2.4"
+  },
+  "dependencies": {
+    "react-fast-compare": "^3.2.2"
   }
 }