# 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，協助您建構響應式且對行動裝置友善的使用者介面。
  </x-card>
</x-cards>