in React JS by
Q:

What is the purpose of the constants in Redux?

1 Answer

0 votes
by

Constants allows you to easily find all usages of that specific functionality across the project when you use an IDE. It also prevents you from introducing silly bugs caused by typos – in which case, you will get a ReferenceError immediately.

Normally we will save them in a single file (constants.js or actionTypes.js).

export const ADD_TODO = 'ADD_TODO'
export const DELETE_TODO = 'DELETE_TODO'
export const EDIT_TODO = 'EDIT_TODO'
export const COMPLETE_TODO = 'COMPLETE_TODO'
export const COMPLETE_ALL = 'COMPLETE_ALL'
export const CLEAR_COMPLETED = 'CLEAR_COMPLETED'

In Redux you use them in two places:

  1. During action creation:

    Let's take actions.js:

    import { ADD_TODO } from './actionTypes';
    
    export function addTodo(text) {
      return { type: ADD_TODO, text }
    }
  2. In reducers:

    Let's create reducer.js:

    import { ADD_TODO } from './actionTypes'
    
    export default (state = [], action) => {
      switch (action.type) {
        case ADD_TODO:
          return [
            ...state,
            {
              text: action.text,
              completed: false
            }
          ];
        default:
          return state
      }
    }
Click here to read more about React JS
Click here to read more about Insurance

Related questions

+1 vote
0 votes
0 votes
asked Jun 19, 2020 in React JS by JackTerrance
0 votes
asked Mar 4, 2020 in React JS by JackTerrance
0 votes
asked Jul 2, 2019 in React JS by Venkatshastri
0 votes
asked Mar 3, 2020 in React JS by miceperry
+1 vote
asked Mar 2, 2020 in React JS by RShastri
0 votes
...