Bookstore is a react web app built to show collections of books

IN THIS BRANCH I IMPLEMENTED THE FOLLOWING:

1. I fetched the book list from Bookstore API on the Books page load.

• I added an Action Creator, that returns a function.
• I fetched a list of books.
• I dispatched another action that will pass the API response to the reducer and update the state.

2. I refactored my add book and remove book features to persist my changes in the server.

• I changed my existing Action Creators, so they return functions.
• I Made changes using API.
• I dispatched an action that will updates the state accordingly. and finally, my Add book and remove book are working in the same way after the refactor.

IN THIS BRANCH I IMPLEMENTED THE FOLLOWING:

• I changed the default state in my books reducer from an empty array to an array with a few books.
• I imported Redux Provider and my store into the main component of my React app.
• I connected my app to the Redux store. -I made my list of books displayed from the Redux store and I used useSelector to consume the state.
• My component responsible for adding new books, I added functionality for the "Add new" button click: -I imported Redux useDispatch. -Set the data inputs in the local React state (set title and author ) -In my React component responsible for removing books, I added functionality for the "Remove" button click:
• In my component responsible for categories, I added functionality for the "Check status" button click:

IN THIS BRANCH I IMPLEMENTED THE FOLLOWING:

• I changed the default state in my books reducer from an empty array to an array with a few books.
• I imported Redux Provider and my store into the main component of my React app.
• I connected my app to the Redux store. -I made my list of books displayed from the Redux store and I used useSelector to consume the state.
• My component responsible for adding new books, I added functionality for the "Add new" button click: -I imported Redux useDispatch. -Set the data inputs in the local React state (set title and author ) -In my React component responsible for removing books, I added functionality for the "Remove" button click:
• In my component responsible for categories, I added functionality for the "Check status" button click:

In this branch, I implemented the following:

• I added Redux Toolkit npm install react-redux @reduxjs/toolkit

• I structured my application files using a "feature folder" approach and I used the ducks pattern for my Redux files. my files/folder structure look like this:

... /src |---/components |---/redux |--- /books | books.js |--- /categories | categories.js | configureStore.js | index.js

I wrote my book's actions and reducer (in /src/redux/books/books.js) using the ducks pattern.

• I defined action types for adding and removing a book, I set the initial state to be an empty array of booksand exported Action Creators for my actions.
• I wrote my reducer and exported it as default, I defined state changes for the actions that I created. In case of unknown action - returns the current state.

I wrote my categories actions and reducer (in /src/redux/categories/categories.js) using the ducks pattern.

• I defined an action type for checking the status,set the initial state to be an empty array of categories. and exported Action Creators for your actions.
• I wrote my reducer and export it as default. For the check status action return a string "Under construction". In case of unknown action - returns the current state.

Configure the Redux Store (/src/redux/configureStore.js):

• I imported the necessary methods from Redux Toolkit and combined both reducers into a root reducer by using configureStore function.

In this branch, I implemented the following :

• I created a directory for your components.
• I added React Router and set two Route and Link for the app's navigation:

Books route - the default view:

• displays the list of books. -contains a component called Book for displaying a single book (receive a title and an author as a prop) and reused it in a component that displays a list of books. and have a form for adding a book. -I created a separate component for this form with inputs for a title and an author

Categories route:

• displays a button "Check status" only.