xsm

XSM is a lightweight state management library designed to be extraordinarily simple and effective for multiple frameworks including Angular, React, Vue, and Svelte.

Key Features

• Easy to use: Minimal learning curve with developer-friendly APIs.
• Reactive: Automatically triggers re-renders when state changes.
• Framework-agnostic: Same API works across Angular, React, Vue, and Svelte.
• Efficient memory management: Automatically removes unused state data.
• Simple async handling: No complex setups for asynchronous operations.
• Small size: Lightweight with no framework-specific plugins required.

Target Audience

Developers looking for a simple, unified state management solution that works across multiple frameworks, including Svelte, without the overhead of complex setups like Redux or MobX.

Core Functionality

• State Binding: Bind component state to a global store for automatic reactivity.
• State Updates: Use set or setMany to update state (sync or async).
• Debugging: Toggle debug and trace modes for development.
• Framework Setup: Configure XSM for use with Angular, React, Vue, or Svelte.

Supported Frameworks

• Angular
• React
• Vue
• Svelte (notable for its unique handling where the state object becomes this)

Performance

XSM is performant, as shown in js-framework-benchmark , with a smaller bundle size compared to Redux, MobX, Vuex, and RXJS.

Demos & Examples

• Framework-specific demos:
  Angular | React | Svelte | [Vue](https://codesandbox.io/s/vuex