MobX | State Management with React JS | 2023

MobX is the latest state management tool used by React JS applications. It is fast, simple and used in modern applications. 🔗 Links: Blog: https://bit.ly/3JO0cQ8 MobX: https://mobx.js.org/ Code: https://github.com/AmirMustafa/react-mobx-todo/tree/mobx ⏰ Key Moments: 00:00 - Introduction 01:25 - What we will build ? 03:04 - About MobX 03:14 - Installing MobX Chrome Extension 03:48 - Terminology - Observable, Action, Derivatives 08:02 - Installing React.js, mobx, mobx-react-lite 09:14 - Initial components - Home.js, About.js 11:06 - About.js and UserStore.js 12:33 - Understanding UserStore code 22:52 - Passing store from App.js 23:56 - Getting MobX state data in React component 25:52 - Console printing order - getter (computable), autorun, runInAction 27:47 - Updating MobX state 31:49 - Observer HOC importance in component 38:02 - Observing in MobX Chrome extension 39:00 - Wrap Up Connect with me 👋 LINKEDIN ► https://www.linkedin.com/in/amirmustafa1 TWITTER ► https://twitter.com/amir__mustafa INSTAGRAM ► https://www.instagram.com/aamir__must... #mobx #statemanagement #react #javascript #happylearnings #codingwithamir