A class is the store
++ Fields hold state, methods update it, and getters are memoized + computed values. +
+
+
+
+
+
+ + Reactive state, made straightforward +
++ State management that reads like TypeScript. +
++ Define state and actions in plain classes. Classy Store handles + reactivity, computed getters, and framework subscriptions for you. +
+
+
+ Read the docs
+
+
+ Explore examples
+
+
+
+ {`import { createClassyStore } from '@codebelt/classy-store';
+import { useClassyStore } from '@codebelt/classy-store/react';
+
+class CounterStore {
+ count = 0;
+
+ get doubled() {
+ return this.count * 2;
+ }
+
+ increment() {
+ this.count++;
+ }
+}
+
+const counter = createClassyStore(new CounterStore());
+const count = useClassyStore(counter, (state) => state.count);`}
+
+ Use your framework
++ Bindings are available for React, Vue, Svelte, Solid, and Angular. +
+Useful tools included
++ Persist state, inspect it with Redux DevTools, subscribe to a single + key, or add undo and redo. +
+