A simple, lightweight state management library for React applications. Works over the pub-sub model and batches state updates.

react-orba isn’t designed as a drop-in replacement for popular libraries like Redux or Zustand. Instead, it’s best suited for scenarios with frequent state changes where a lightweight, minimal state management solution is preferred.

1. At the root of your app or a module, create a store.

import { createStore } from 'react-orba';

const initialParams: AppState = {
  theme: 'light',
  ...
};

const appStore = createStore<AppState>(initialParams);

2. In your component, slice out your state variable(s) using the useValue hook.

const [theme, setTheme] = useValue<AppState, string>(appStore, (state) => state.theme);

3. Update state as needed - similar how you would use the useState hook!

<button onClick={() => setTheme('light')}>Toggle theme</button>

• Support for developer tools
• Logging and debug modes

• Support for silent state updates and immediate update firing
• Support for async state updates
• Support for persistence layer - integration with IndexedDB or browser storages
• Custom equality function for state slices
• Memoized useValue hook

• Example usages for complex patters
• Migrating from Zustand
• Fix persistent linting issues

• Changelog
• Run project locally
• Usage examples