| Mobx | Dob | |
|---|---|---|
| autorun | observe | |
| observable | observable | |
| unobservable | unobservable | |
| reaction | reaction | |
| computed | Not needed | |
| extendObservable | Not needed | |
| arrays | native array | |
| maps | native Map & Set |
Why use proxy to achieve mobx? Because mobx is very good, but because of Object.defineProperty restrictions, no way to write very comfortable.
So dob was born, I only list the changes after using dob, as well as the experience of store manager framework practice summary.
dob not only overrides mobx using proxy, but also comes with dependency injection store management.
| Mobx | **Dob** | |
|---|---|---|
| autorun | observe | |
| observable | observable | |
| unobservable | unobservable | |
| reaction | reaction | |
| computed | `Not needed` | |
| extendObservable | `Not needed` | |
| arrays | `native array` | |
| maps | `native Map & Set` |
| | Mobx | Dob | | |
| |---- |---- | | |
| | autorun | **observe** | | |
| | observable | observable | | |
| | unobservable | unobservable | | |
| | reaction | reaction | | |
| | computed | `Not needed` | | |
| | extendObservable | `Not needed` | | |
| | arrays | `native array` | | |
| | maps | `native Map & Set` | |
| | Mobx | Dob | | |
| |---- |---- | | |
| | autorun | **observe** | | |
| | observable | observable | | |
| | unobservable | unobservable | | |
| | reaction | reaction | | |
| | computed | `Not needed` | | |
| | extendObservable | `Not needed` | | |
| | arrays | `native array` | | |
| | maps | `native Map & Set` | |
| | Mobx | Dob | | |
| |---|----| | |
| | autorun | **observe** | | |
| | observable | observable | | |
| | unobservable | unobservable | | |
| | reaction | reaction | | |
| | computed | `Not needed` | | |
| | extendObservable | `Not needed` | | |
| | arrays | `native array` | | |
| | maps | `native Map & Set` | |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>dynamic-object-react-demo</title> | |
| <script src="https://fb.me/react-0.14.0.min.js"></script> | |
| <script src="https://fb.me/react-dom-0.14.0.min.js"></script> | |
| <script src="https://unpkg.com/dynamic-object@2.1.15/built/bundle.js"></script> | |
| </head> | |
| <body> |
