react-mst-grid-layout

Note: The published npm versions are still at an experimental beta stage.\ The issues marked as MS1 at [https://github.com/svenberglund/react-mst-grid-layout/projects/1] will be resolved to the first non beta release.

Usage no npm install needed!

<script type="module">
  import reactMstGridLayout from 'https://cdn.skypack.dev/react-mst-grid-layout';
</script>

README

Note: The published npm versions are still at an experimental beta stage.
The issues marked as MS1 at [https://github.com/svenberglund/react-mst-grid-layout/projects/1] will be resolved to the first non beta release.

react-mst-grid-layout

A library of React components that form a wrapper around react-grid-layout using mst (MobX-state-tree) for state management. The components are easily implemented with any gui/presentation framework. They are fitted in a dynamic grid layout and are immediately ready to receive data published via a API.

Use cases: Real time system monitoring, real time business activity monitoring, dashboards

demo

Installation

Run the following command: npm install react-mst-grid-layout --save-dev

Iplementation instructions

See [https://github.com/svenberglund/react-mst-grid-layout/wiki]
Or just check out the implementation, mostly App.js of the minimal demo.