How-to-Write-Your-Redux-Action-in-a-More-Concise-Style

Sun, 06 Nov 2016 06:26:22 +0000

Let’s say you are working on a project about article writing and now you are about to write actions to create and update articles. To create an article, you would need an action creator like this.

export const createArticle = title => {
    return {
        type: ARTICLE,
        operation: CREATE,
        title
    }
}

When it comes to article updating, you need another action creator.

export const updateArticle = ( newTitle, title) => {
    return {
        type: ARTICLE,
        operation: UPDATE,
        title,
        newTitle
    }
}

These two functions looks like each other very much. Tasks like these are tedious and you may wonder if there is a way to get rid of these repetitive jobs.

Functional Programming on Lotp's Blog

How-to-Write-Your-Redux-Action-in-a-More-Concise-Style