Discussion: What does a Redux implementation look like? about react-flow-chart HOT 3 OPEN

Not sure if it's the correct way to do it, but here's how I did it.

I basically left the chart to itself, and let redux handle only the business logic.

https://codesandbox.io/s/qkz88
https://github.com/davidanitoiu/deployment-pipeline

from react-flow-chart.

I was thinking another file containing redux actions would be added to this lib. These would roughly conform to the the existing type definitions but include an action name. For example

export type IOnDragNodeAction = (input: { config?: IConfig, event: MouseEvent, data: DraggableData, id: string }) => ({
  type: 'REACT_FLOW_CHART/ON_DRAG_NODE',
  config: IConfig, 
  event: MouseEvent, 
  data: DraggableData, 
  id: string
})

The state logic (that currently resided in the actions.ts file) would then be copied over to a reducer and changed so it no longer mutates.

Unfortunately, I'm quite busy right now so not sure if I'll be able to work on this soon.

from react-flow-chart.

@MrBlenny
Any update on this.? It would be great to have a clear idea of Redux implementation.

from react-flow-chart.