Create process

In my mind, redux action should be a simple action which triggers reducer and pass data. sending request and calculating some business logic makes the action complicated. So we could simplify the actions by Process.

Create process

import { Process } from '@qlee/redux-functional';
import { taskActions } from './task-actions';
import * as TaskApi from './task-actions';

exprot const createTask = Process.create(
  {addTask: taskActions.add}
  ({addTask}) => async (taskName: string) => {
    if (!taskName) {
      throw new Error('Task name can not be empty!');
    }
    const task: Task = await TaskApi.create(taskName);
    return addTask(task);
  }
);

Useage in component

import { default as React } from "react";
import { taskActions } from './task-actions';
import { ContainerAction } from '@qlee/redux-functional';
import { createTask } from './task-processes';

interface HomeComponentProps {
  createTask: (name: string) => any
}

class HomeComponent extends React.Component<HomeComponentProps> {
  ...
}

const mapDispatchToProps = {
  createTask,
};