Bookstore Project

:blue_book: Third Step

In this third milestone I:

• [ ] Added redux-thunk to work with middleware and allow working with async-await functions.
• [ ] Added request (post, get, delete) to receive and send data to Bookstore API.
• [ ] Refactored my addBookAction and removeBookAction to work with async-await functions.
• [ ] Made sure addBookAction and removeBookAction work in the same way after the refactor.

Bookstore Project

:blue_book: Fourth Step

In this third milestone I:

• [ ] Followed Bookstore design from Zeplin.
• [ ] Created index.css to add styles.

:red_circle: Notes

• Preview Link

Bookstore Project

:blue_book: Steps

In this second milestone I:

• [ ] Added configureStore.js contains (createStore, combineReducer, appluMiddleware, redux-logger, and store).
• [ ] Added redux/book/books.js contains(actions, action creators, and reducer).
• [ ] Added Provider to index.js.
• [ ] Used useDispatch to send actions creators (addBookAction and removeBookAction) to reducer in (components/book/AddBook.js, components/book/Book.js)
• [ ] Used useSelector to get global store (components/book/BookList.js).

:red_circle: Notes

Following requirements, only title and author input are working in the form. (categories and comments are NOT part of this step).

Bookstore Project

:blue_book: Steps

In this first milestone I:

• [ ] Structured my application files using a "feature folder" approach and use the Ducks pattern

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

• [ ] Added React Router and set two <Route>s and <NavLink>s for the app's navigation:
  • Books: Default view - Display the list of books and add/remove book functionality.
  • Categories: Display "Under construction" text only.

:red_circle: Notes

There are 2 book components shown in BookList only to make sure the Book component is working well. It is going to remove for the second step when I implemented a global state with REDUX.