survivejs-demos / mobx-demo

MobX port of SurviveJS - Webpack and React apps

Notes/Kanban app - MobX port

This repository contains MobX ports of SurviveJS - Webpack and React book examples. You can study them to see how to implement the same application in a different kind of architecture. See also the interview with Michel Weststrate.

MobX provides a way to make data structures reactive and makes it easy to consume them. It can be used with or without Flux. In this case we'll be relying directly on MobX for our data needs and skip Flux altogether. The most interesting thing to notice is how much it cuts out code.

We are triggering our MobX stores directly and more pedantic people might implement classes in between. For a simple case such as this the current approach is enough.

See Michel Weststrate's interview about mobx!

Demo

1. cd notes_app or cd kanban_app
2. npm i
3. npm start
4. Surf to localhost:8080

License

MIT.

mobx-demo's Issues

elm?

Hi just wondering where you were going with the elm project - you left out the code.
Dave

ps: I'm reading your excellent book .
Seems like Mobservables might be a better choice than Alt for the example, no?

Mobservable is now mobx

Title says it all :)

old version of mobservable

current version is 1.2.2
your demo is on 0.6.0

Changelog here:
https://github.com/mweststrate/mobservable/blob/master/CHANGELOG.md

Though, even with ugrading ncu -u, still seeing errors in Browser console:

The use of mobservable.reactiveComponent and mobservable.reactiveMixin is deprecated, please use reactiveComponent from the mobservable-react package

mobservable.observeUntilInvalid is deprecated and will be removed in 0.7 mobservable.js:353 ```

old version of mobservable

current version is 1.2.2
your demo is on 0.6.0

Changelog here:
https://github.com/mweststrate/mobservable/blob/master/CHANGELOG.md

Though, even with ugrading ncu -u, still seeing errors in Browser console:

The use of mobservable.reactiveComponent and mobservable.reactiveMixin is deprecated, please use reactiveComponent from the mobservable-react package

mobservable.observeUntilInvalid is deprecated and will be removed in 0.7 mobservable.js:353 ```