https://github.com/mobxjs/mobx-reactive2015-demo
Runnable source code of the #GoReactive #mobservable talk
https://github.com/mobxjs/mobx-reactive2015-demo
Last synced: about 1 year ago
JSON representation
Runnable source code of the #GoReactive #mobservable talk
- Host: GitHub
- URL: https://github.com/mobxjs/mobx-reactive2015-demo
- Owner: mobxjs
- License: mit
- Created: 2015-11-04T13:24:00.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-08-16T18:33:29.000Z (almost 10 years ago)
- Last Synced: 2024-06-24T08:35:54.279Z (almost 2 years ago)
- Language: JavaScript
- Size: 17.6 KB
- Stars: 98
- Watchers: 7
- Forks: 12
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-mobx - Simple drag and drop application. Also provides time travelling
README
mobx-reactive2015-demo
=====================
Demo of MobX (formerly called Mobservable) on [ReactiveConf](https://www.youtube.com/watch?v=FEwLwiizlk0)
Simple drag & drop editor that uses [mobx](https://github.com/mweststrate/mobx) and React.
The slides can be found [here](https://docs.google.com/presentation/d/16hE-cxJ8C5XQVjql17krNAeYNF_9I3n3j13ho-KLWYU/edit#slide=id.p).
To interact with the application:
* Click to select.
* Boxes can be dragged around.
* Use the input box to rename stuff.
* CTRL + click to add new boxes. If there is an active selection an arrow will be added as well.
* use the tiny buttons in the bottom left to generate a bunch of random boxes and arrows, and to travel forward and backward in time.
### Run the example
```
npm install
npm start
open http://localhost:3000
```