React Hooks
Catalog Hooks
React hooks for products, categories, and search
useProducts
const { data, isLoading, error } = useProducts({
limit: 12,
category: 'shoes',
sort: 'price_asc',
inStock: true,
});
// data: { items: ProductListItem[], total, page, totalPages }useProduct
const { data: product, isLoading } = useProduct('wireless-headphones');
// product: ProductDetailuseCategories
const { data } = useCategories('cs');
// data: { categories: Category[] }useCategoryProducts
const { data } = useCategoryProducts('electronics', { page: 1, limit: 12 });useFeaturedProducts
const { data } = useFeaturedProducts();useLabels
const { data } = useLabels('cs');
// data: { labels: ProductLabel[] }useProductSearch
const [query, setQuery] = useState('');
const { data } = useProductSearch(query, { limit: 10 });useBundles / useBundle
const { data: bundles } = useBundles();
const { data: bundle } = useBundle('starter-pack');useCrossSell
const { data } = useCrossSell('wireless-headphones');
// data: { related, upsell, crossSell }useProductPromotions
const { data } = useProductPromotions('wireless-headphones');
// data: { items: ActivePromotion[] }useGiftCardBalance
const { data } = useGiftCardBalance('GC-ABCD-EFGH-IJKL');
// data: { valid, balance, currency }