50. Introduction To Simple Shopping Cart App

React Small Shopping Cart

  • Source Code: https://github.com/basir/small-shopping-cart
  • View Demo: http://basir.github.io/small-shopping-cart

What You Will Build

- A small shopping cart

- Show list of products on the left side

- Add products to the basket on the right side

- Show cart badge on header menu

- Show cart summary

What You Will Learn

- Create functional components

- Render list in react using the array map method

- Use react hooks to manage state

- Compose and extract components

- Use CSS flexbox to layout the app