state-jet 2.0.7 → 2.0.9

package/README.md

@@ -1,4 +1,4 @@
-A zero-boilerplate, ultra-fast global state management library for React. No context, reducers, or providers—just simple reactive state.
+A zero-boilerplate, ultra-fast global state management library for React.
 
 For more details, see [here](https://statejet.netlify.app).
 
@@ -41,7 +41,7 @@ Or if you're using `cdn`:
 
 ## Basic Example Usage
 
-```bash
+```tsx
 import { useStateGlobal } from "state-jet";
 
 const counter = useStateGlobal("counter", 0);
@@ -51,7 +51,7 @@ function Counter() {
   return <button onClick={() => counter.set(count + 1)}>Count: {count}</button>;
 }
 ```
-## ⚡ Why state-jet Is More Advanced Than Zustand
+## Why state-jet Is More Advanced Than Zustand
 
 - **No Proxies Needed** → Zustand uses proxies for state updates, but state-jet uses signals, making it even faster.
 - **Derived State Is Automatic** → No need for selectors; state updates only trigger where necessary.
@@ -65,30 +65,28 @@ If you need the simplest, fastest, and most advanced state management solution f
 
 ## Create Slice
 
-```bash
+```tsx
 import { useSlice } from "state-jet";
 
-export const useProductSlice = () => useSlice("products")("list", []);
-
-export const useCartSlice = () =>
-  useSlice("cart")("items", []);
+const productSlice = useSlice("products");
+const cartSlice = useSlice("cart");
 
-export const useUserSlice = () => useSlice("user")("info", null);
+export const useProductSlice = () => productSlice("list", []);
+export const useCartSlice = () => cartSlice("list", []);
 ```
 
 ## Create Store
 
-```bash
+```tsx
 import { useStore } from "state-jet";
-import { useProductSlice, useCartSlice, useUserSlice } from "./slices";
+import { useProductSlice, useCartSlice } from "./slices";
 
 const initializer: any = () => ({
   products: useProductSlice(),
   cart: useCartSlice(),
-  user: useUserSlice()
 });
 
-export const useEcommerceStore = () =>  useStore(initializer);
+export const store = () =>  useStore(initializer);
 ```
 
 ## Middlewares
@@ -97,8 +95,8 @@ Unlike other libraries, you do not need to rely on any external dependencies. A
 
 ```bash
 function useStateGlobal<T>(
-    ...
-    options?: { middleware?: Middleware<T>[] }
+  ...
+  options?: { middleware?: [] }
 ) 
 ```
 
@@ -106,7 +104,7 @@ function useStateGlobal<T>(
 
 You can log your store for every action.
 
-```bash
+```tsx
 import { useStateGlobal } from "state-jet";
 
 const loggerMiddleware = (key: string, prev: number, next: number) => {
@@ -132,7 +130,7 @@ export default function Counter() {
 
 Can't live without reducer?. No worries. StateJet supports reducer middleware
 
-```bash
+```tsx
 import { useStateGlobal } from "state-jet";
 
 type Action<T> = { type: string; payload?: T };
@@ -176,7 +174,7 @@ export default function Counter() {
 
 You can optimistically update global state with rollback support
 
-```bash
+```tsx
 import { useStateGlobal } from "state-jet";
 
 const optimisticMiddleware = (apiUrl: string) => {
@@ -196,7 +194,7 @@ const optimisticMiddleware = (apiUrl: string) => {
   };
 };
 const profile = useStateGlobal("profile", { name: "John" }, { 
-    middleware: [optimisticMiddleware("/update-profile")],
+  middleware: [optimisticMiddleware("/update-profile")],
 });
 ```
 
@@ -204,7 +202,7 @@ const profile = useStateGlobal("profile", { name: "John" }, {
 
 You can create your own custom middleware in state-jet
 
-```bash
+```tsx
 import { useStateGlobal } from "state-jet";
 
 const validateAgeMiddleware = (key: string, prev: number, next: number) => {
@@ -224,7 +222,7 @@ export default function Profile() {
       <h1>Age: {age}</h1>
       <button 
         onClick={() => {
-          counter.set(-5) //Age will be 0 eventhough it updated with negative value due to middleware logic
+          counter.set(-5) // Age will be 0 eventhough it updated with negative value due to middleware logic
         }}>
           Set negative
       </button> 
@@ -239,7 +237,7 @@ A more complete middleware usage is [here](https://statejet.netlify.app/docs/api
 
 Here is the example for creating global state with typescript definition.
 
-```bash
+```tsx
 interface Todo = {
   id: number;
   text: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "state-jet",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "Ultra-lightweight global state management for React",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",