# Hooks

`@blocklet/payment-react` 库提供了一组自定义 React hooks，用于封装和简化通用逻辑，例如处理实时事件或适应不同的屏幕尺寸。这些 hooks 允许您用最少的样板代码轻松地将高级功能集成到您的组件中。

探索可用的 hooks 以增强应用程序的交互性和响应性。

<x-cards>
  <x-card data-title="useSubscription" data-icon="lucide:webhook" data-href="/hooks/use-subscription">
    订阅来自支付服务的实时事件（例如 'invoice.paid'），以创建动态和响应式的用户体验。
  </x-card>
  <x-card data-title="useMobile" data-icon="lucide:smartphone" data-href="/hooks/use-mobile">
    一个用于检测应用程序是否在移动设备上查看的实用程序 hook，可帮助您构建响应式和移动友好的 UI。
  </x-card>
</x-cards>