JoshuaCMorgan/clothing-commerce

Basic e-commerce site using React framework. Built to explore advanced React concepts such as useReducer, Context API, Forwarding Refs and Portals

REACT Commerce Site

Purpose

• To work with advance features of React.

Images

Home Page

Cart

Features

• React Portals
  • used for a modal that displays cart items.

  • clothing-commerce/src/components/CartModal.jsx

    Line 19 in b69ccf8

    return createPortal(

• Advanced State Management
  • Component Composition

    • clothing-commerce/src/components/Shop.jsx

      Line 4 in b69ccf8

      function Shop({ children }) {

  • Context API

    • clothing-commerce/src/store/shopping-cart-context.jsx

      Line 12 in ea2e6df

      export default function CartContextProvider({ children }) {

    • clothing-commerce/src/App.jsx

      Line 10 in ea2e6df

      <CartContextProvider>

  • useReducer

    • clothing-commerce/src/store/shopping-cart-context.jsx

      Line 12 in a0adc3a

      function shoppingCartReducer(state, action) {