React Globo State - gState.

React Globo State by Dario Passariello (c)


!TypeScript
!React
!ESLint
!License

🚀 Ultra-Optimized React State Engine

A tiny, blazing-fast state container designed for modern React applications. Built for developers who demand maximum performance, minimal re-renders, and predictable reactivity without the overhead of traditional state managers.

$3

React's built-in state works well for small components, but as your app scales, you start battling unnecessary renders, complex memoization, and context bloat. This package delivers a super-optimized state layer that updates only what truly needs to update.

$3

- Granular subscriptions - Components re-render only when the specific data they use changes.
- Reduce useMEmo use - Help you to architect a better structure of your application avoid tons of useMemo.
- Single container - Only one container for entire state. No more lost states or not necessary data in memory.
- No more imports - Only one import and ready to work... everywhere.
- Zero dependencies - Lightweight and ideal for high-performance apps or micro-frontend.
- Immutable-friendly - Works seamlessly with immutable patterns while staying fast.
- Concurrent-mode ready - Designed for React and future-proofed for modern rendering.
- TypeScript first - Fully typed API for safe, predictable state flows.

$3

- High-frequency UI updates (dashboards, 3D apps, visualizers)
- Enterprise-scale applications
- Performance-critical components
- Developers who want a simple API with extreme optimization

$3

The engine uses a subscription-based reactive core with micro-level diffing. Only the components that depend on changed values re-render. No proxies, no global invalidation, no magic just deterministic, high-performance state management.

install

``bash
npm i -D react-globo-state
`

You use:

`javascript

// Import the init
import "react-globo-state"

// start the state
// * need to be inside your App() only at top and one time...

globoState()

`

> now you can use your global react state everywhere.

EXAMPLE

`js
import "react-globo-state"

const App = () => {

// init gState
globoState()

useEffect(
()=>{
gState.set("test",{ myNewReactState: "hello world!" })
},[]
)

return

{
gState.get("test").myNewReactState // result -> hello world!
}

}

`

how works and use

`js

// now you can use your global react state everywhere.
// you can use also in useEffect and Dispatch

/**
* Create a state
* @param name - Name of the gstate
* @param item - Object, string, number, boolean, array
* @returns - true
*/
gState.set("name", { test:"test" })

/**
* Get a state
* @param name - Name of the gstate
* @returns - items
*/
gState.get("name")

/**
* Remove a state
* @param name - Name of the gstate
* @returns - items
*/
gState.remove("name")
// or
gState.delete("name")

/**
* Delete all items from gState
* @returns - true
*/
gState.deleteAll()

/**
* List all states
* @returns - items
*/
gState.list()

``

See a demo

If you are interested to see a demo live visit EXAMPLEPAGE and look the console.

Thank you!