Comments (2)
Hi,
observeUntilInvalid
is a function you will rarely use, exactly because it run only once. Generally speaking you need sideEffect
to observe something.
observeUntilInvalid
in the react mixin will take the output of the observed function (which is the components render
function) and return it as rendering to react. But in the mean time it tracks the dependencies and waits until the function output becomes stale. Then, it doesn't recompute, but instead call reacts component.forceUpdate
and dispose itself.
reacts forceUpdate
function will trigger render
again to update the component, and render will trigger observeUntilInvalid
, so it basically 'loops' again. The reason forceUpdate
is used instead of just re-evaluating render, is that invoking render
directly in itself doesn't do anything. Sure, it generates some output, but its output should be injected in the lifecyce of react components, otherwise it doesn't do anything.
So instead of re-evaluating the render method, we invoke forceUpdate
, which is the proper way to trigger a render in react.
These are a lot of words, I guess an image would do better ;). Just let me know if it is still unclear
from mobx.
Thx, this helps a lot!
from mobx.
Related Issues (20)
- Cannot update past `6.10.0` HOT 1
- Supporting of new Set methods in observable Sets HOT 3
- [feature] Investigate running MobX on top of signals standard / polyfill HOT 1
- [eslint-plugin-mobx] ESLint v9 Support
- `isolateGlobalState: true` can cause conflicts that prevent observable registration
- [mobx-react] `Maximum update depth exceeded` error since `mobx-react@8` HOT 5
- makeAutoObservable can't detect a generator after adding a default parameter value HOT 6
- Incompatible with React Forget compiler HOT 3
- [eslint-plugin-mobx] `mobx/exhaustive-make-observable` autofix behavior should be inversed HOT 4
- Converting functions to actions (autoActions?) in deep enhancer leads to bugs HOT 5
- @action decorators on fields do not convert the field value into action HOT 10
- New computed decorator does not apply action to setter HOT 4
- mobx-react-lite does not specify `react-dom` nor `react-native` as it's peer dependencies HOT 4
- Reaction is not triggering When listening to a local observable. HOT 1
- TypeScript 5.5 compatibility for `ObservableSet` HOT 2
- Cannot initialize observable Map/Sets from another window HOT 2
- Cannot apply 'observable' to '[email protected]' Field not found HOT 2
- Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization in react-router-dom v6 loader HOT 2
- Updating to 6.13.0 causing error: `Cannot find name 'ReadonlySetLike'. Did you mean 'ReadonlySet'?` HOT 1
- eslint mobx/missing-observer rule false positive with forwardRef HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mobx.