flâneur

The gist of MobX · MobX 🇺🇦

mobx.js.org · 1,472 words · saved by 1 readers

Let's take a closer look at these concepts below, or alternatively, in the 10 minute introduction to MobX and React, where you can interactively dive deeper into these concepts step by step and build a simple Todo list app. Some might recognise the concept of "Signals" in the concepts described below. This is correct, MobX is a signal based state management library avant la lettre. State is the data that drives your application. Usually, there is domain specific state like a list of todo items, and there is view state, such as the currently selected element. State is like spreadsheet cells that hold a value. Store state in any data structure you like: plain objects, arrays, classes, cyclic data structures or references. It doesn't matter for the workings of MobX. Just make sure that all properties you want to change over time are marked as observable so MobX can track them. Here is a simple example: Using observable is like turning a property of an object into a spreadsheet cell. But u

The gist of MobX Concepts MobX distinguishes between the following three concepts in your application: State Actions Derivations Let's take a closer look at these concepts below, or alternatively, in the 10 minute introduction to MobX and React , where you can interactively dive deeper into these concepts step by step and build a simple Todo list app. Some might recognise the concept of "Signals" in the concepts described below. This is correct, MobX is a signal based state management library avant la lettre. 1. Define state and make it observable State is the data that drives your application

related reading