React Globo State - gState.

React Globo State by Dario Passariello (c)

🚀 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.

⚡ Why this package exists

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.

🧠 Key Features

• 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.

🧩 Perfect for

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

🛠️ How it works

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

npm i -D react-globo-state

You use:

// 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

import "react-globo-state"

const App = () => {

  // init gState
  globoState()

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

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

}

how works and use

  // 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!