Next.js: Add example with mobx

[rauchg]

Some people have had issues using it, so it'd be great to have an example. It's a bit more involved than others since it requires decorator support, so it'll impose a .babelrc

[arunoda]

@rauchg I hope there's a way to use mobx without decorators too.

[fdidron]

Yes it is possible to use it without decorators, I have an example here:

https://github.com/fdidron/mobx-next-example | https://mobx-next.now.sh/

(It includes a lot of other stuff I discovered when using next for the first time :D, maybe a simpler example would be more suited)

EDIT: Mobx documentation has a very interesting part on how NOT to use decorators : http://mobxjs.github.io/mobx/best/decorators.html

[arunoda]

@fdidron the question is how many of mobx users decorators or not.
If most of the users use decorators, we need to use decorators in our example.

[mweststrate]

Yes it a majority that uses it, I did a poll a while back if I remember correctly it was 70-ish percent, so including decorators as example would be greatly appreciated!

Btw, mobx-state-tree might be very interesting in the future for next as well, as it provides a unified way how to serialize and transfer state (and it is decorator free ;-))

[arunoda]

@mweststrate thanks. 70% is the majority :)
I think then we should add an example with a decorator.

[fdidron]

@arunoda I'm very happy to help on the example using decorators. Would it make sense to simply port the "with-redux" example ?

[arunoda]

@fdidron yeah! That'd be awesome.

[cncolder]

Is this so hard to add decorators?
I only put a .babelrc and it just worked.

{
  "presets": [
    "next/babel"
  ],
  "plugins": [
    "transform-decorators-legacy"
  ]
}

[arunoda]

@cncolder Nope. It's not that hard :)

[aranajhonny]

simple example using decorators.
https://github.com/aranajhonny/next-with-mobx
demo --> https://next-with-mobx-bnmkseetwa.now.sh/

[ugiacoman]

@aranajhonny Very simple, thank you!

[fdidron]

@arunoda Here is a PR #676

[arunoda]

We got the PR.