A Quick Intro To OvermindJS In ReactJS

Overmind - "frictionless state management" - https://overmindjs.org/

This is a quick video integrating state management into a Two Tab React JS application similar to the one used in this post Two Ways To Manage State In React JS.

I started to investigate Overmind because I really liked MobX and this looked very similar to me in some ways, i liked the simplicity of just calling functions in my components!!

Since I wrote the blog post about Two Ways To Manage State In React JS I thought that this is a great third alternative so here is the video, hope you enjoy

• Application code can be found on codesandbox.io - Source Code
• Blog post on State Management with useReducer and React Context can be found here: https://dev.to/aaronksaunders/two-way...
• Check Out All By Technical Post: https://dev.to/aaronksaunders
• Overmind: https://overmindjs.org/
• Ionic Framework and ReactJS https://ionicframework.com/docs/react

Comments

[Stephen Glass]

This looks really easy and simple to use. Are there any advantages to use Overmind versus React Context API?

[Aaron K Saunders]

IMHO it just comes down to preference, also from what I have read there are some concerns around context api because if you put too much state in one context it can impact performance, so people start to create multiple context that manage different parts of the the application state or then fall back to a combo of redux and context

• blog.logrocket.com/pitfalls-of-ove...