React Hook for State Management
$npm i use-s-react
From Local to Global in One Line
Local State
import { useS } from "use-s-react";
export default function Component() {
const [count, setCount] = useS(0); // like useState
return (
<button
onClick={() => setCount((prev) => prev + 1)}
>
You clicked {count} times
</button>
);
}Global State
import { useS } from "use-s-react";
export default function Component() {
const [count, setCount] = useS({ value: 0, key: 'global-counter' });
return (
<button
onClick={() => setCount((prev) => prev + 1)}
>
You clicked {count} times
</button>
);
}✅
Copy the global state line to any component — they'll automatically sync!
Everything you need
Powerful features that make state management intuitive and efficient
Global State
Share state across components via key, accessible anywhere
Local State
Works like useState by default when no key is provided
TypeScript Ready
Fully typed with automatic type inference
Auto Immutability
Deep and optimized immutability using efficient cloning
Zero Boilerplate
No providers, context, or wrapper components needed
Tiny Bundle
Less than 3KB min+gzip - performance first
Derived State
Built-in computed values via functions, no external abstraction
Universal
Works in React Web and React Native applications
React 18+
Fully compatible with concurrent rendering and modern React
SSR Support
Adds seamless SSR compatibility without changing existing behavior
Persistence
Built-in global state persistence
Debug Tools
debugGlobalStore() for development insights
Ready to simplify your state?
Join developers who are building better React apps with useS