/mst-example-boxes

Primary LanguageJavaScriptMIT LicenseMIT

mobx-reactive2015-demo

Original repository

MST-based example history. This repo was pulled from this commit and augmented

Demo of MobX (formerly called Mobservable) on ReactiveConf

Simple drag & drop editor that uses mobx and React. The slides can be found here.

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 (requires Node v16, does not work on Node v18 or v20)

yarn
yarn start
open http://localhost:4000 # This used to be localhost:5000, but [that no longer works on Mac OS](https://stackoverflow.com/a/71634378)