Architecture

Here you can read about main architecture concepts that are used in dxchart5-react.

View models

View Models hold and control the state, encapsulate business logic

Usually any widget has a VM which holds it's state as close to UI as possible. When implementing React components we usually try not to introduce any local state and lift it on VM level.

The state from VM (or VMs) is collected/processed/converted and passed to components as props in containers. VM's are just dependencies which have their reactive state (RxJS). The magic here is: whenever RxJS state fires a new event to subject - the container (i.e. component) is re-rendered. So you can reliably control the state in VM's and be sure that all components will re-render whenever the state in VM changes.