Tree Pedigree Architecture

Redux

Action

Action Creators

 var initialState = {
    pedigreeRootPids: [],
    descPedigreeRootPids: [],
    renderedDescPedigreeRootPids: [],
    pedigree: null,
    descPedigree: null,
    centerAhnentafels: [],
    pof: null,
    version: 0,
    descVersion: 0,
    config: {
      landscape: {
        defaultNodeHeight: 130,
        defaultNodeWidth: 332,
        marriageHeight: 42,
        nodeHeight: 130,
        nodeWidth: 332,
        portraitWidth: 62,
        verticalMargin: 80,
        horizontalMargin: 40,
        nodeHalfHeight: 85
      },
      portrait: {
        nodeWidth: 160,
        nodeHeight: 100
      },
      orientation: 'landscape',
      margin: 50,
      expanderWidth: 60,
      height: 0,
      width: 0,
      gens: 2,
      zoom: true
    },
    slowDevice: false
  };

tree-pedigree-actions.es6

All actions are created 

Changing state

Done by dispatching an action

Tree Pedigree Architecture

By Tyler Graf

Tree Pedigree Architecture

  • 963