actions.ts

// data/wizards/actions.ts

import { AnyAction } from "redux";
export type Wizard = {
  name: string;
  parentsAlive: boolean;
  spells: string[];
};
export const enum WizardActionTypes {
  LearnSpell = "WIZARD/LEARN_SPELL",
  KillParents = "WIZARD/KILL_PARENTS"
}
export type WizardNamespaceShape = {
  [id: string]: Wizard;
};
export interface LearnSpellAction extends AnyAction {
  type: WizardActionTypes.LearnSpell;
  payload: { id: string; spell: string };
}
export interface KillParentsAction extends AnyAction {
  type: WizardActionTypes.KillParents;
  payload: { id: string };
}
export type WizardAction = LearnSpellAction | KillParentsAction;

Hi @matthew-gerstman! Following your tutorial on Medium, other bits of the code indicate that this file should be ./data/wizards/types. Or am I confused?

But in actions.ts I would add this:

import shortid from 'shortid';

export function learnSpell(spell: string) {
  return { 
    type: WizardActionTypes.LearnSpell, 
    payload: { id: shortid.generate(), spell } 
  };
}

export function killParents(id: string) {
  return { 
    type: WizardActionTypes.KillParents, 
    payload: { id } 
  };
}