React JS State Management

General Discussion

• https://bobbyhadz.com/blog/react-state-types
• https://epicreact.dev/my-state-management-mistake

jotai

TypeScript friendly package that uses "atoms" to manage data

• https://github.com/pmndrs/jotai

zustand

"A small, fast and scalable bearbones state-management solution using simplified flux principles. Has a comfy api based on hooks, isn't boilerplatey or opinionated."

• https://github.com/pmndrs/zustand

Immer

Immer is a tiny package that allows you to work with immutable state in a more convenient way.

If your state has nested objects and you need to ensure components re-render if lower levels of object graph are updated this package and be useful

• https://github.com/immerjs/immer
• https://immerjs.github.io/immer/example-setstate

React Query

• https://github.com/tannerlinsley/react-query
• https://react-query.tanstack.com/
• https://medium.com/habilelabs/react-query-a-state-management-library-for-react-applications-8df136077dcd

Recoil

• https://recoiljs.org/

Redux

• https://redux.js.org/
• https://redux-toolkit.js.org/
• https://react-redux.js.org/

Context

• https://reactjs.org/docs/context.html
• https://www.toptal.com/react/react-context-api
• https://blog.logrocket.com/a-deep-dive-into-react-context-api/

Context vs Redux

• https://ilaksono.medium.com/react-redux-versus-context-15d5fcde3e28