Product card is a test package, it was created with React and Typescript using State Initializer Component Pattern
import {
ProductButtons,
ProductCard,
ProductImage,
ProductTitle,
} from 'gliscano-product-card'
<ProductCard
product={ product }
initialValues={{
count: 4,
maxCount: 10
}}
>
{
({
isMaxCountReached,
}) => (
<>
<ProductImage />
<ProductTitle />
<ProductButtons
isMaxCounter={isMaxCountReached}
/>
</>
)
}
</ProductCard>
npm startThis builds to /dist and runs the project in watch mode so any edits you save inside src causes a rebuild to /dist.
Then run the example inside another:
cd gliscano-product-card
npm i
npm startTo run tests, use
npm test
Jest tests are set up to run with
npm test
Calculates the real cost of your library using size-limit with npm run size and visulize it with npm run analyze.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent