Bookstore

Description

• Book Store is a website that allows you to
  • Display a list of books,
  • Add a book,
  • Remove a selected book.

	Bookstore

Learning objectives

• Understand the concept of state management.
• Use store, actions and reducers in React.
• Connect React and Redux.
• Understand the concept of state management.
• Use store, actions and reducers in React.
• Connect React and Redux.
• Understand the concept of state management.
• Use store, actions and reducers in React.
• Connect React and Redux.
• Connect an existing API via Redux and use the data to - display something in a UI.

Built With

• React
• Redux

Live Link

Getting Started

Clone this repository

• To get the content of this project locally you need to run this command in your terminal:

$ https://github.com/BenMukebo/bookstore.git
$ cd bookstore

Run project

• After cloning the project you need to run this command

$ npm run start 

• Initialise React app.

$ npx create-react-app bookstore  

• Add React Redux.

$ npm install react-redux

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

• Install react-icons

$ npm install react-icons --save # run this command in your project directory:

• Setup React Router

$ npm install react-router-dom 

To use the Router component provided to wrap your components and associate them with a path.

• To configuring the Redux Store and importing the necessary methods from Redux

$ npm i --save redux-logger

• Generating random ids

$ npm i uuid

• Redux Toolkit

If you're using the basic Redux createStore API and need to set this up manually, first add the redux-thunk package:

$ npm install redux-thunk

Code Splitting

• For tracking the linter errors in CSS file run:

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

npx stylelint "\*_/_.{css,scss}"

Analyzing the Bundle Size

• And For tracking the linter errors in JavaScript file run:

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

npx eslint .

Making a Progressive Web App

• Use npm run build to run the app in live server

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Deployment

• npm run build fails to minify

Show your support

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

Author

👤 Ben Mukebo

• GitHub: @BenMukebo
• Twitter @BenMukebo
• LinkedIn BenMukebo

🤝 Contributing

Feel free to check the issues page

Give a ⭐ if you like this project! ❤️❤️❤️

Acknowledgments

• Thanks to everyone who will get time to check this code especially to code reviewers.

📝 License

This project is MIT licensed.