Channel: LearnCode.academy

Category: Howto & Style

Tags: mobx observablesfunctionalreactmobxreactive functional programmingreactjsweb development tutorialreact mobxjavascriptmobx introductionreactive functional programming javascriptreact.jsmobx.jsobservablesreactivereactive functional javascriptmobx reactobservablefunctional jsmobx tutorialweb developmentfunctional javascriptprogramming

Description: MobX is AWESOME. It makes React.js programming fun and it...just...works. Get the code here: GET THE CODE: github.com/learncodeacademy/react-js-tutorials/tree/master/6-mobx-react THERE ARE 2 BRANCHES: "master" for where we end up and "start" for where we start. MobX builds on the concept of observable values. When React observes a value, it can automatically update the UI whenever the value changes. This makes programming with MobX and Reactjs extremely simple. All it takes to begin is to install mobx and mobx-react and make sure that you are transforming class properties and decorators in Babel. Now, you simply add @observable to your MobX class and you've successfully built a MobX observable store. To "observe" the store, you pass in a MobX store as a prop and you decorate your React component with the @observer decorator. Voila...you're reacting to store changes in React. -~-~~-~~~-~~-~- Also watch: "Tailwind CSS - why CSS utility classes save so much time" youtube.com/watch?v=oU5ar0dmQEY -~-~~-~~~-~~-~-