{"tag":{"followersCount":2768,"id":"5729bc14faa06f875ef32e95","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1534512814483/SJUnRS4U7.jpeg","name":"MobX","postsCount":100,"slug":"mobx","tagline":"MobX is a battle-tested library that makes state management simple and scalable by transparently applying functional reactive programming (TFRP).","info":{"html":"

MobX is a simple, scalable and battle tested state management solution. It makes state management simple again by addressing the root issue: it makes it impossible to produce an inconsistent state. know more

\n","__typename":"Content"},"trending":{"edges":[{"node":{"id":"57ee4e59ff74ff60ef080e88","_id":"57ee4e59ff74ff60ef080e88","coverImage":{"isPortrait":false,"url":"https://res.cloudinary.com/hashnode/image/upload/v1475235008/mxvijrnob4pjnjxxwmsb.jpg","__typename":"PostCoverImage"},"slug":"redux-vs-mobx-by-example-part-ii-the-simplicity-of-mobx-and-conclusion","readTime":7,"replyCount":3,"responseCount":3,"brief":"Continued from Redux vs. MobX by example — Part I: Intro, and Exploring Redux…\nWhile Redux has an opinionated structure for managing your state; with MobX, you’re free to architect the structure and location of state in your app, as you see it fit.\nM...","subtitle":"","isFeatured":true,"contributors":[{"_id":"581fb452944f78178b67ea77","name":"Alex Valex","photo":"https://res.cloudinary.com/hashnode/image/upload/v1478472790/sqqdaqs4t96m7gtotoki.jpg","username":"alexvalex","__typename":"User"},{"_id":"582a2588a8124abc1701c43c","name":"Marek Prihoda","photo":"https://res.cloudinary.com/hashnode/image/upload/v1479157445/lapgxpjrvf4freqfqgcn.png","username":"marekp","__typename":"User"}],"bookmarked":false,"views":263,"url":"https://saiki.hashnode.net/redux-vs-mobx-by-example-part-ii-the-simplicity-of-mobx-and-conclusion","totalReactions":21,"title":"Redux vs. MobX by example — Part II: The Simplicity of MobX, and Conclusion","dateAdded":"2016-09-29T18:30:00.000Z","cuid":"citpp2tbu003za853ua1tx228","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"56ee78d5bcca2d711e191e38","name":"Sai Kishore Komanduri","photo":"https://res.cloudinary.com/hashnode/image/upload/v1472487198/glahscwhftv0yhwe0dke.jpg","isPro":false,"username":"saiki","__typename":"User"},"series":null,"tags":[{"_id":"5729bc14faa06f875ef32e95","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1534512814483/SJUnRS4U7.jpeg","name":"MobX","slug":"mobx","__typename":"Tag"},{"_id":"56744723958ef13879b954cb","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1534512767931/S1dYCSNIm.png","name":"ES6","slug":"es6","__typename":"Tag"},{"_id":"56744721958ef13879b94cad","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","name":"JavaScript","slug":"javascript","__typename":"Tag"},{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"},{"_id":"56744723958ef13879b95567","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513322046756/HyPSUgWMG.png","name":"Redux","slug":"redux","__typename":"Tag"}],"publication":{"_id":"5c8a403b602e12c87a714248","url":"https://saiki.hashnode.net","canonicalURL":"https://saiki.hashnode.net","title":"","displayTitle":null,"isHeadless":false,"favicon":null,"headerColor":"","metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"saiki","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"582a2917acb107c39dc430f4","author":{"_id":"582a2588a8124abc1701c43c","name":"Marek Prihoda","photo":"https://res.cloudinary.com/hashnode/image/upload/v1479157445/lapgxpjrvf4freqfqgcn.png","isPro":false,"username":"marekp","__typename":"User"},"content":{"html":"

There is a mistake in the new commit that was supposed to fix the problem when clicking the checkboxes.

@observable this.isDone;

should be

@observable isDone;

\n","markdown":"There is a mistake in the new commit that was supposed to fix the problem when clicking the checkboxes.\n\n`@observable this.isDone;`\n\nshould be\n\n`@observable isDone;`","text":"There is a mistake in the new commit that was supposed to fix the problem when clicking the checkboxes.\n@observable this.isDone;\nshould be\n@observable isDone;\n","__typename":"Content"},"dateAdded":"2016-11-14T21:13:59.754Z","stamp":"civiki7yi0e8q5v53c01egl0w","totalReactions":2,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":true,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"},{"node":{"id":"5fce3cb6b893f0197d598c19","_id":"5fce3cb6b893f0197d598c19","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1606701914726/xPGslXJ40.jpeg","__typename":"PostCoverImage"},"slug":"reactive-state-1-an-alternative-way-to-manage-state-in-react-apps-ft-mobx","readTime":11,"replyCount":0,"responseCount":1,"brief":"When building a React application, one of the challenges you will need to deal with, is state management. While managing state within a component can be easily done, having to manage state that will be shared across components can become a bit challe...","subtitle":null,"isFeatured":false,"contributors":[{"_id":"606c2f021ed1783ab0637666","name":"Ekebor Kelechi","photo":"","username":"Groovy","__typename":"User"}],"bookmarked":false,"views":185,"url":"https://chibuokemjerry.hashnode.net/reactive-state-1-an-alternative-way-to-manage-state-in-react-apps-ft-mobx","totalReactions":20,"title":"Reactive State 1 - An Alternative Way To Manage State in React Apps (ft. mobx)","dateAdded":"2020-12-07T14:31:18.571Z","cuid":"ckienkiia00vl19s1h79k5t00","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"5cf296a0428f48bb3a05581f","name":"Chibuokem Jerry","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1594557648243/gC1UzpE7G.jpeg","isPro":false,"username":"jerrybuks","__typename":"User"},"series":{"_id":"5fcd7fa7f4006d0b1bedffbe","slug":"application-level-state-management-in-react","name":"Application Level State Management in React","cuid":"ckidur5qy04866zs1gyxa1k86","__typename":"Series"},"tags":[{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"},{"_id":"56744721958ef13879b94cad","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","name":"JavaScript","slug":"javascript","__typename":"Tag"},{"_id":"56744723958ef13879b95567","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513322046756/HyPSUgWMG.png","name":"Redux","slug":"redux","__typename":"Tag"},{"_id":"5729bc14faa06f875ef32e95","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1534512814483/SJUnRS4U7.jpeg","name":"MobX","slug":"mobx","__typename":"Tag"},{"_id":"56744721958ef13879b94aee","logo":null,"name":"Reactive Programming","slug":"reactive-programming","__typename":"Tag"}],"publication":{"_id":"5f0b02fe70ccf850bf4cb08b","url":"https://chibuokemjerry.hashnode.net","canonicalURL":"https://chibuokemjerry.hashnode.net","title":"chibuokem Jerry's Blog","displayTitle":null,"isHeadless":false,"favicon":null,"headerColor":"#1034a6","metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"chibuokemjerry","domain":null,"__typename":"DomainInfo"},"urlPattern":"DEFAULT","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"606c2f181ed1783ab063766a","author":{"_id":"606c2f021ed1783ab0637666","name":"Ekebor Kelechi","photo":"","isPro":false,"username":"Groovy","__typename":"User"},"content":{"html":"

Great!

\n","markdown":"Great!","text":"Great!\n","__typename":"Content"},"dateAdded":"2021-04-06T09:51:20.255Z","stamp":"ckn5ueoqm0n3alcs180nq27bm","totalReactions":1,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"},{"node":{"id":"57ece26e97eba84632db5ab0","_id":"57ece26e97eba84632db5ab0","coverImage":{"isPortrait":false,"url":"https://res.cloudinary.com/hashnode/image/upload/v1475141240/c0ga8atizacntimminnl.jpg","__typename":"PostCoverImage"},"slug":"redux-vs-mobx-by-example-part-i-intro-and-exploring-redux","readTime":10,"replyCount":5,"responseCount":2,"brief":"Redux and MobX are popular libraries, for managing the state in JavaScript apps. Even though they are typically used alongside React; they are framework agnostic, and can be used with any JS setup.\nWhile Redux’s tagline is “Predictable state containe...","subtitle":"","isFeatured":true,"contributors":[{"_id":"56b2ebc410979efc2b9a910e","name":"Chaim Lev-Ari","photo":"https://res.cloudinary.com/hashnode/image/upload/v1464090483/xmmpawijmsv5esnfmhys.jpg","username":"chiptus","__typename":"User"},{"_id":"577ff0cb16a33191db0430a9","name":"Andrew Wooldridge","photo":"https://res.cloudinary.com/hashnode/image/upload/v1468002654/mk98ggigcel9sevzfd3l.jpg","username":"triptych","__typename":"User"}],"bookmarked":false,"views":81,"url":"https://saiki.hashnode.net/redux-vs-mobx-by-example-part-i-intro-and-exploring-redux","totalReactions":18,"title":"Redux vs. MobX by example — Part I: Intro, and Exploring Redux","dateAdded":"2016-09-28T18:30:00.000Z","cuid":"cito5m0nn0sssxi53c7zq7jpr","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"56ee78d5bcca2d711e191e38","name":"Sai Kishore Komanduri","photo":"https://res.cloudinary.com/hashnode/image/upload/v1472487198/glahscwhftv0yhwe0dke.jpg","isPro":false,"username":"saiki","__typename":"User"},"series":null,"tags":[{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"},{"_id":"56744723958ef13879b954cb","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1534512767931/S1dYCSNIm.png","name":"ES6","slug":"es6","__typename":"Tag"},{"_id":"56744721958ef13879b94cad","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","name":"JavaScript","slug":"javascript","__typename":"Tag"},{"_id":"5729bc14faa06f875ef32e95","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1534512814483/SJUnRS4U7.jpeg","name":"MobX","slug":"mobx","__typename":"Tag"},{"_id":"56744723958ef13879b95567","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513322046756/HyPSUgWMG.png","name":"Redux","slug":"redux","__typename":"Tag"}],"publication":{"_id":"5c8a403b602e12c87a714248","url":"https://saiki.hashnode.net","canonicalURL":"https://saiki.hashnode.net","title":"","displayTitle":null,"isHeadless":false,"favicon":null,"headerColor":"","metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"saiki","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"57eeb6afd396987f5aa8a159","author":{"_id":"577ff0cb16a33191db0430a9","name":"Andrew Wooldridge","photo":"https://res.cloudinary.com/hashnode/image/upload/v1468002654/mk98ggigcel9sevzfd3l.jpg","isPro":false,"username":"triptych","__typename":"User"},"content":{"html":"

Hi, great article! When you get part two can you edit this article to link to it?

\n","markdown":"Hi, great article! When you get part two can you edit this article to link to it?","text":"Hi, great article! When you get part two can you edit this article to link to it?\n","__typename":"Content"},"dateAdded":"2016-09-30T19:02:07.189Z","stamp":"citq4zal0009wvj53kjii2p4s","totalReactions":3,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":true,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"}],"__typename":"FeedPostConnection"},"__typename":"Tag"}}

Redux vs. MobX by example — Part II: The Simplicity of MobX, and Conclusion

Reactive State 1 - An Alternative Way To Manage State in React Apps (ft. mobx)

Redux vs. MobX by example — Part I: Intro, and Exploring Redux

What is MobX? & How to create an app with MobX & React?

MVVM Architecture MobXCli

State management in React with MobX

Flutter MobX: How to Fetch Data From an API? - 2022 Guide

Mobx: The best state management for large scale projects

MobX Architecture in Production

Formst - Creating your first form with Formst (Model driven form library for react)

Bash script to convert maildir to mbox format

Reactive State 1 - An Alternative Way To Manage State in React Apps (ft. mobx)

MobX with React Native, Simplified