Ask HN: What is your favorite front end state management solution?

1. mobx-state-tree

   1 10 7,022 6.9 TypeScript

   Full-featured reactive state management without the boilerplate

   

   mobx-state-tree (https://mobx-state-tree.js.org/)

   Benefits of it over mobx is data normalization with references and JSON patches which allow you sync complex state easily. Typed models are also a plus.

   Drawbacks are performance (see https://github.com/mobxjs/mobx-state-tree/issues/1267).

   Previously was using immer, which I loved because of immutability but moved off since classes and OOP didn't feel as natural as in mst.

   If I were to pick an alternative, might try redux with normalization https://redux.js.org/usage/structuring-reducers/normalizing-....

   And if I were to build a state management tool, I would prioritize a library that has

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. speaker.app

   2 8 33 0.0 TypeScript

   Discontinued Speaker.app (https://speaker.app) is an encrypted peer-to-peer (P2P) group communication platform which does not require a user account to use. Users remain anonymous on the network unless choosing to personally identify themselves.

   

   I prefer sticking w/ the basics and using EventEmitter.

   https://speaker.app has a UI I've been prototyping w/ this approach.

4. htmx

   3 643 44,615 9.5 JavaScript

   </> htmx - high power tools for HTML

   

   Thanks for sharing this, I found this paradigm to be highly intuitive. Adding a link to the HTMX docs which also do a great job of explaining: https://htmx.org/

5. jotai

   4 120 19,917 9.4 TypeScript

   👻 Primitive and flexible state management for React

   

   Jotai [1] is my go to, though I have never used it for anything too big.

   [1] https://jotai.org/

6. valtio

   5 52 9,584 8.9 TypeScript

   🧙 Valtio makes proxy-state simple for React and Vanilla

   

   I like valtio, works w/ React or just js. Has subscribe, derive, and more.

   https://github.com/pmndrs/valtio

7. effector-react

   6 27 4,705 9.6 TypeScript

   Business logic with ease ☄️

   

   Actually, Svelte uses Effector for state management under the hood. You can read more about it here: https://effector.dev/. It also has bindings for other frameworks including React, Vue and Solid. Effector is a little not beginner-friendly, but once you truly understand it, Effector becomes a very powerful.

8. zustand

   7 283 52,294 9.2 TypeScript

   🐻 Bear necessities for state management in React

   

   Zustand is great: https://github.com/pmndrs/zustand

   It gets out of the way in terms of boilerplate, has a good solution for avoiding unnecessary re-renders, has tooling for deep state updates without messy syntax (immer) and strikes an overall good balance between powerful and easy to use. Cons might be that it is a bit more obscure so people might have to learn it. Also the learning curve is a bit steep. YMMV

9. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

10. wisdom

    8 33 582 2.1

    Building better developers by specifying criteria of success (by prettydiff)

    

    I use a simple 4 point system for state management:

    https://github.com/prettydiff/wisdom/blob/master/state_manag...

    I use it for an OS GUI here which fully loads in 200ms in Chrome (300ms Edge):

    https://github.com/prettydiff/share-file-systems

    When simple things, like state management, become complicated they are either over engineered or poorly planned.

11. share-file-systems

    9 36 143 7.2 TypeScript

    Use a Windows/OSX like GUI in the browser to share files cross OS privately. No cloud, no server, no third party.

    

    I use a simple 4 point system for state management:

    https://github.com/prettydiff/wisdom/blob/master/state_manag...

    I use it for an OS GUI here which fully loads in 200ms in Chrome (300ms Edge):

    https://github.com/prettydiff/share-file-systems

    When simple things, like state management, become complicated they are either over engineered or poorly planned.

12. robodux

    10 2 101 4.1 TypeScript

    caching in redux made simple

    

    Like most systems, it’s all about how it is setup. I’ve learned over 5-7 years how to organize FE (with redux) code so it is readable. Also inheriting a system can be quite the burden and I could see how it was be difficult to grok.

    I also heavily leverage https://github.com/neurosnap/robodux to treat redux as a database.

    At the end of the day, redux is an event emitter (pub/sub) with a single object that stores all of your state that multiple components need to reuse.

13. platform

    11 69 8,195 9.0 TypeScript

    Reactive State for Angular (by ngrx)

    

Suggest a related project