Yops Redux API 2

Deco.jsx

// In Deco

class Storyboard extends Component {
  const {storyboard, dispatch, fileId} = this.props
  
  render() {
    <YOPS     
      // The currently running storyboard
      storyboardId={fileId}
    /> 
  }
}

index.js

// In Yops

// Store is created as a singleton, shared between all instances of Yops
// - data is keyed by storyboard filePath
// - to read data, owner calls store.getState()
// - to fire actions, owner calls e.g. store.dispatch(storyboardActions.addScene())
export storyboardStore from './store'

// Owner calls these actions to update the storyboard state
// - we'll probably only expose a subset of the actions
// - there will be actions specifically for saying "this is the source of truth,
//   update no matter what"
export storyboardActions from './actions'

// Owner renders this component
export default from './containers/Root'