/Javascript/React/React Redux reducer crud

React Redux reducer crud

import {
  CREATE_TUTORIAL,
  RETRIEVE_TUTORIALS,
  UPDATE_TUTORIAL,
  DELETE_TUTORIAL,
  DELETE_ALL_TUTORIALS,
} from "../actions/types";

const initialState = [];

function tutorialReducer(tutorials = initialState, action) {
  const { type, payload } = action;

  switch (type) {
    case CREATE_TUTORIAL:
      return [...tutorials, payload];

    case RETRIEVE_TUTORIALS:
      return payload;

    case UPDATE_TUTORIAL:
      return tutorials.map((tutorial) => {
        if (tutorial.id === payload.id) {
          return {
            ...tutorial,
            ...payload,
          };
        } else {
          return tutorial;
        }
      });

    case DELETE_TUTORIAL:
      return tutorials.filter(({ id }) => id !== payload.id);

    case DELETE_ALL_TUTORIALS:
      return [];

    default:
      return tutorials;
  }
};

export default tutorialReducer;

Source: bezkoder.com

Similar codes

0 vote180 views1 answer
React enzyme
Javascript React
0 vote185 views1 answer
Webpack react proxy not working
Javascript React
0 vote185 views1 answer
React-native-dropdown-picker for form react native
Javascript React
0 vote196 views1 answer
Retour à la ligne react native
Javascript React
4 votes198 views2 answers
How to skip the undefined values from the list and filter the rest of the data in react js
Javascript React
63 votes172 views6 answers
React router install
Javascript React
2 votes172 views1 answer
How to use `setState` callback on react hooks
Javascript React
6 votes205 views1 answer
React-native loading screen
Javascript React
1 vote192 views2 answers
Hide react source
Javascript React
1 vote179 views1 answer
Retour a la ligne <p> react
Javascript React