skills.rest
bluvoinc
bluvoincOFFICIAL
Explore all skills by this author →
WebsiteGitHub

bluvo-react

Wrap the @bluvo/sdk-ts state machine with React hooks for withdrawal flows.

7|1|Updated Apr 16, 2025
Search Tags:#react#hooks#nextjs#withdrawal#bluvo#sdk-ts
One-click install
npx skills add https://github.com/bluvoinc/sdk --skill bluvo-react
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bluvo-react
Source: https://github.com/bluvoinc/sdk/tree/main/packages/react/skill
Command: npx skills add https://github.com/bluvoinc/sdk --skill bluvo-react

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building cryptocurrency withdrawal UIs in React or Next.js often requires managing the Bluvo state machine in every component or wiring complex boilerplate. Bluvo-react provides a set of hooks that wrap the @bluvo/sdk-ts state machine, eliminating the need for context providers.

Core Features & Use Cases

  • Hooks-based withdrawal flow: useBluvoFlow, useFlowMachine, useWithdrawMachine, and useWalletPreviews manage state and actions directly in React components.
  • No providers required: Each hook creates its own client instance and subscribes to state changes without a global context.
  • Next.js App Router friendly: Designed for client components and works with Next.js App Router when you add "use client" in the component.
  • Wallet previews & integration: Provides wallet previews and utilities to start, quote, and preview wallets during the flow.

Quick Start

Install the package and import the hooks into a client component to start using the withdrawal flow.

Frequently Asked Questions about bluvo-react

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage cryptocurrency withdrawal flows in React without using context providers?▼

You can manage cryptocurrency withdrawal flows without context providers by using hooks like useBluvoFlow and useWithdrawMachine that create individual client instances and subscribe to state changes directly within components.

Can I use Bluvo SDK withdrawal hooks with the Next.js App Router?▼

Yes, Bluvo SDK withdrawal hooks work with the Next.js App Router. You must add the "use client" directive to your component, as the hooks rely on client-side runtime for hook-based interactions and state management.

What is the best way to get wallet previews and quotes during a crypto withdrawal flow?▼

The best way to get wallet previews and quotes during a crypto withdrawal flow is by using the useWalletPreviews hook, which exposes start, quote, and wallet preview capabilities by wrapping the state machine.

Do I need a specific version of the Bluvo SDK to use these React hooks?▼

Yes, you need a specific version of the Bluvo SDK to use these React hooks. The package declares a compatible peer dependency on @bluvo/sdk-ts version 3.0.0 to manage withdrawal flows correctly.

Why does building crypto withdrawal UIs in Next.js require complex state boilerplate?▼

Building crypto withdrawal UIs in Next.js often requires complex boilerplate because developers must manually wire the state machine into every component. Bluvo-react solves this by providing hooks that eliminate repetitive setup.

Related Skills

Explore More Software Engineering Skills→
machhub-devmachhub-dev
1

machhub-nextjs-react

Integrate MACHHUB SDK into Next.js and React apps with templates and hooks.

Official
Advanced
GemachDAOGemachDAO
4

gdex-ui-wallet-connection

Build React UI components for wallet connection and API-key authentication in GDEX apps.

Official
Advanced
wordshepherdwordshepherd

new-hook

Scaffold custom React hooks with TypeScript interfaces and hook conventions.

Official
Basic
bluvoincbluvoinc
7

bluvo-sdk-ts

Automates end-to-end withdrawal workflows via a TypeScript state machine.

Official
Advanced