@inglorious/react-store 6.0.0 → 6.0.2

package/README.md

@@ -18,6 +18,7 @@ Connect your React app to Inglorious Store with a familiar API. Built on `react-
   - **Batched mode** - Updates process on a timer (performance optimization)
 - **Redux DevTools Support**: Full integration with Redux DevTools for debugging
 - **Battle-tested**: Built on `react-redux` for proven performance and stability
+- **TypeScript Support**: Optional type safety for those who want it
 
 ---
 
@@ -389,30 +390,32 @@ export default function TodoApp() {
 
 ## TypeScript Support
 
-Full TypeScript support coming soon! For now, you can add type assertions:
+Full TypeScript support is available! The library includes complete type definitions.
 
-```typescript
-import type { RootState } from "./store"
+**Quick example:**
 
-const value = useSelector((state: RootState) => state.myCounter.value)
-```
+```typescript
+// Define your types
+import { BaseEntity } from "@inglorious/store"
 
----
+interface CounterEntity extends BaseEntity {
+  type: "counter"
+  value: number
+}
 
-## Comparison to Plain react-redux
+interface AppState {
+  myCounter: CounterEntity
+  [id: string]: CounterEntity
+}
 
-**What's the same:**
+// Create typed store
+const store = createStore<CounterEntity, AppState>({ types, entities })
 
-- `<Provider>` and `useSelector` work identically
-- Full Redux DevTools support
-- Same performance characteristics
-
-**What's different:**
+// Everything else works the same!
+const { Provider, useSelector, useNotify } = createReactStore(store)
+```
 
-- ✅ Custom `useNotify` hook instead of `useDispatch`
-- ✅ Batched mode option for performance
-- ✅ Automatic `store.update()` handling
-- ✅ Cleaner API for event-based state management
+For complete TypeScript examples, see the [@inglorious/store TypeScript documentation](https://github.com/IngloriousCoderz/inglorious-engine/tree/main/packages/store#typescript).
 
 ---
 
@@ -430,6 +433,26 @@ A: Yes! It works anywhere `react-redux` works.
 **Q: Can I use Redux middleware?**  
 A: Use Inglorious Store middleware instead. See [@inglorious/store docs](https://github.com/IngloriousCoderz/inglorious-engine/tree/main/packages/store).
 
+**Q: Do I need TypeScript?**  
+A: Not at all! The library works great with plain JavaScript. TypeScript support is completely optional.
+
+---
+
+## Comparison to Plain react-redux
+
+**What's the same:**
+
+- `<Provider>` and `useSelector` work identically
+- Full Redux DevTools support
+- Same performance characteristics
+
+**What's different:**
+
+- ✅ Custom `useNotify` hook instead of `useDispatch`
+- ✅ Batched mode option for performance
+- ✅ Automatic `store.update()` handling
+- ✅ Cleaner API for event-based state management
+
 ---
 
 ## License

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/react-store",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "description": "Official React bindings for @inglorious/store. Provides hooks and a Provider to connect your React components to the store.",
   "author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "license": "MIT",
@@ -26,6 +26,7 @@
   "type": "module",
   "exports": {
     ".": {
+      "types": "./types/index.d.ts",
       "import": "./src/index.jsx"
     }
   },
@@ -40,7 +41,7 @@
   },
   "peerDependencies": {
     "react": "^19.2.0",
-    "@inglorious/store": "6.1.0"
+    "@inglorious/store": "6.1.2"
   },
   "devDependencies": {
     "prettier": "^3.6.2",

package/src/index.jsx

@@ -1,13 +1,13 @@
-import { Provider, useSelector } from "react-redux"
-
-export function createReactStore(store) {
-  function StoreProvider({ children }) {
-    return <Provider store={store}>{children}</Provider>
-  }
-
-  function useNotify() {
-    return store._api.notify
-  }
-
-  return { Provider: StoreProvider, useSelector, useNotify }
-}
+import { Provider, useSelector } from "react-redux"
+
+export function createReactStore(store) {
+  function StoreProvider({ children }) {
+    return <Provider store={store}>{children}</Provider>
+  }
+
+  function useNotify() {
+    return store._api.notify
+  }
+
+  return { Provider: StoreProvider, useSelector, useNotify }
+}