Learning Redux

User action creators

We start with the user actions, because there is only one action to be defined—creating users:

1. Create a src/actions/users.js file.
2. Because we are in a sub-directory now, we need to import action types from ../ instead of ./:

import { CREATE_USER } from '../actionTypes'

3. Creating a new user requires a username and a real name:

export const createUser = (username, realname) => {
  return {
    type: CREATE_USER,
    username,
    realname,
  }
}

Now, all that's left to do is export the action creator from the directory.

4. Create a src/actions/index.js file and re-export everything from the users.js file:

export * from './users'

Now, we can import the createUser action creator as follows:

import { createUser } from './actions'

Note how ...