Do Products Dev

Este es un paquete de React para crear productos en una tienda, es parte del curso de React Pro de Fernando Herrera y el objetivo es subirlo a npm y que otros desarrolladores puedan usarlo en sus proyectos.

Importación:

import {
  ProductCard,
  ProductImage,
  ProductTitle,
  ProductButtons,
} from 'do-products-dev';

Ejemplo:

<ProductCard
  key={product.id}
  product={product}
  className="bg-dark text-white"
  initialValues={{
    count: 6,
    // maxCount: 10,
  }}
>
  {({ reset, count, isMaxCountReached, maxCount, increaseBy }) => (
    <>
      <ProductImage
        className="custom-image"
        style={{ boxShadow: '10px 10px 10px rgba(0,0,0,0.2)' }}
      />
      <ProductTitle className="text-bold" />
      <ProductButtons className="custom-buttons" />

      <button onClick={reset}>Reset</button>
      <button onClick={() => increaseBy(-2)}> -2 </button>
      {!isMaxCountReached && (
        <button onClick={() => increaseBy(+2)}> +2 </button>
      )}

      <span>
        {count} - {maxCount}
      </span>
    </>
  )}
</ProductCard>