react-ecommerce-hook
react-ecommerce-hook
A basic shopping cart react hook, it uses localStorage to persist data
Install yarn add react-ecommerce-hook Examples Product import React from 'react'; import { useCart } from 'react-ecommerce-hook'; export const Product = ({ id }) => { const { addToCart, removeFromCart, increaseQuantity, decreaseQuantity } = useCart(); return ( <div> <h1>Awesome Product</h1> {/* if item is unique, its maximum quantity is 1 */} <button onClick={() => addToCart({ id, isUnique: true })}> Add To Cart Unique Product </button> <button onClick={() => addToCart({ id })}> Add To Cart </button> <button onClick={() => removeFromCart({ id })}> Remove From Cart </button> <button onClick={() => increaseQuantity({ id })}> Increase Quantity </button> <button onClick={() => decreaseQuantity({ id })}> Decrease Quantity </button> </div> ); } Cart import React from 'react'; import { useCart } from 'react-ecommerce-hook'; export const Cart = () => { const { state: { addedIds, quantityById, }, } = useCart(); return ( <div> {addedIds.
