@inglorious/react-store 3.0.0 → 3.0.2

package/README.md

@@ -65,10 +65,10 @@ import { store } from "./store"
 // Eager mode (default) - updates process immediately
 export const { Provider, useSelector, useNotify } = createReactStore(store)
 
-// Or batched mode - updates process at 30 FPS
+// Or batched mode - updates process at 20 FPS
 // export const { Provider, useSelector, useNotify } = createReactStore(store, {
 //   mode: "batched",
-//   fps: 30
+//   fps: 20
 // })
 ```
 
@@ -120,7 +120,7 @@ Creates React bindings for an Inglorious Store.
 - `store` (required): An Inglorious Store instance
 - `config` (optional): Configuration object
   - `mode`: `"eager"` (default) or `"batched"`
-  - `fps`: Frame rate for batched mode (default: 30)
+  - `fps`: Frame rate for batched mode (default: 20)
   - `skippedEvents`: Array of event types to exclude from DevTools logging
 
 **Returns:**
@@ -135,7 +135,7 @@ Creates React bindings for an Inglorious Store.
 // Eager mode (immediate updates)
 const { Provider, useSelector, useNotify } = createReactStore(store)
 
-// Batched mode (30 FPS)
+// Batched mode for real-time apps
 const { Provider, useSelector, useNotify } = createReactStore(store, {
   mode: "batched",
   fps: 30,
@@ -234,7 +234,7 @@ Best for performance-critical apps. Updates process on a fixed timer (FPS).
 ```javascript
 const { Provider, useSelector, useNotify } = createReactStore(store, {
   mode: "batched",
-  fps: 30, // Process events 30 times per second
+  fps: 20, // Process events 20 times per second
 })
 ```
 
@@ -248,8 +248,8 @@ const { Provider, useSelector, useNotify } = createReactStore(store, {
 **FPS Guidelines:**
 
 - **60 FPS** - Smooth animations, games
-- **30 FPS (default)** - Good balance for most real-time apps
-- **15-20 FPS** - Live dashboards, lower CPU usage
+- **30 FPS** - Good balance for most real-time apps
+- **20 FPS (default)** - Input handling, live dashboards, lower CPU usage
 - **5-10 FPS** - Background updates, status polling
 
 ---
@@ -268,7 +268,7 @@ Redux DevTools work automatically! Install the [browser extension](https://githu
 // Skip noisy events from DevTools
 const { Provider, useSelector, useNotify } = createReactStore(store, {
   mode: "batched",
-  fps: 30,
+  fps: 20,
   skippedEvents: ["mousemove", "update"], // Don't log these
 })
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/react-store",
-  "version": "3.0.0",
+  "version": "3.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",
@@ -40,7 +40,7 @@
   },
   "peerDependencies": {
     "react": "^19.2.0",
-    "@inglorious/store": "5.4.0"
+    "@inglorious/store": "5.4.1"
   },
   "devDependencies": {
     "prettier": "^3.6.2",

package/src/index.jsx

@@ -4,7 +4,7 @@ import { Provider, useSelector } from "react-redux"
 
 const DEFAULT_CONFIG = { mode: "eager" }
 const ONE_SECOND = 1000
-const DEFAULT_FPS = 30
+const DEFAULT_FPS = 20
 
 export function createReactStore(store, config = DEFAULT_CONFIG) {
   if (config.mode === "batched") {