Bookstore: add reducers and actions

package.json

@@ -8,8 +8,10 @@
     "@testing-library/user-event": "^13.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-redux": "^8.0.2",
     "react-router-dom": "^6.3.0",
     "react-scripts": "5.0.1",
+    "redux": "^4.2.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

src/redux/books/books.js

@@ -0,0 +1,26 @@
+const ADD_BOOK = 'ADD_BOOK';
+const DELETE_BOOK = 'DELETE_BOOK';
+
+// Actions
+
+export const addBook = (book) => ({
+  type: ADD_BOOK,
+  payload: book,
+});
+
+export const deleteBook = () => ({
+  type: DELETE_BOOK,
+});
+
+// Reducer
+const bookReducer = (state = [], action) => {
+  switch (action.type) {
+    case 'ADD_BOOK':
+      return [...state, action.payload];
+    case 'DELETE_BOOK':
+      return [...state.filter((book) => book !== action.payload)];
+    default: return state;
+  }
+};
+
+export default bookReducer;

src/redux/categories/categories.js

@@ -0,0 +1,18 @@
+const CHECK_STATUS = 'CHECK_STATUS';
+
+// Action
+export const checkStatus = () => ({
+  type: CHECK_STATUS,
+});
+
+// Reducer
+const data = 'Under construction';
+const statusReducer = (state = [], action) => {
+  switch (action.type) {
+    case 'CHECK_STATUS':
+      return data;
+    default: return state;
+  }
+};
+
+export default statusReducer;

src/redux/configureStore.js

@@ -0,0 +1,11 @@
+import { combineReducers, createStore } from 'redux';
+import statusReducer from './categories/categories';
+import bookReducer from './books/books';
+
+const rootReducer = combineReducers({
+  books: bookReducer,
+  status: statusReducer,
+});
+
+const store = createStore(rootReducer);
+export default store;