I Built a React State Management Library that Combines the Best of Zustand and MobX
I Built a React State Management Library that Combines the Best of Zustand and MobX After years of struggling with Redux boilerplate and MobX's type inference issues, I built my own state managemen...

Source: DEV Community
I Built a React State Management Library that Combines the Best of Zustand and MobX After years of struggling with Redux boilerplate and MobX's type inference issues, I built my own state management library that hits the sweet spot. The Problem I loved Zustand for its simplicity: const useStore = create((set) => ({ count: 0, inc: () => set((state) => ({ count: state.count + 1 })), })); But it lacked: Class-based organization Dependency injection Deep property watching MobX had class models and deep watching, but: Type inference was painful Hidden dependency tracking made debugging hard Learning curve was steep Introducing: easy-model class CounterModel { count = 0; increment() { this.count += 1; } decrement() { this.count -= 1; } } function Counter() { const counter = useModel(CounterModel, []); return ( <div> <h1>{counter.count}</h1> <button onClick={() => counter.increment()}>+</button> <button onClick={() => counter.decrement()}>-&l