Invoke Redux actions before or after a step

[1fifoto]

Add new step properties, actionsBefore and actionsAfter, which is an array of Redux actions to be dispatched against the Redux store either before the step becomes active or after the step is dismissed or skipped respectively. Providing this allows a tutorial to stimulate an React/Redux application to show a demonstration without requiring the user to enter anything.

For example, using the React TODO application sample:

steps: [
    {
        key: 'anywhere',
        ...
        actionsAfter: [
            {
                type: ADD_TODO,
                text: 'Build my first Redux app'
            },
            {
                type: TOGGLE_TODO,
                index: 5
            }
        ]
    },
    ...
]

[1fifoto]

Consider adding a tutorial configuration parameter: redux: true/false to initial the interface to Redux and to enable/disable the use of actions properties.

const TUTORIALS = {
  'demo': {
    key: 'demo',
    title: 'Demo Tutorial',
    redux: true,
    steps: [
   ...
    ],
  ...
  },
};