Behio Storefront SDK
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: ProductDetail

useCategories

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 }

On this page