orderly-sdk-react-hooks

Document Orderly Network React SDK hooks for trading and market data integration.

2|1|Updated Mar 4, 2026
One-click install
npx skills add https://github.com/OrderlyNetwork/skills --skill orderly-sdk-react-hooks
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: orderly-sdk-react-hooks
Source: https://github.com/OrderlyNetwork/skills/tree/main/skills/orderly-sdk-react-hooks
Command: npx skills add https://github.com/OrderlyNetwork/skills --skill orderly-sdk-react-hooks

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive reference for using Orderly Network's React SDK hooks, simplifying the integration of Orderly's trading and data functionalities into React applications.

Core Features & Use Cases

  • Hook Signatures: Quick access to the exact parameters and return values for each hook.
  • Real-time Data: Stream order books, positions, and PnL directly within your React components.
  • Order Management: Easily submit, cancel, and edit orders using dedicated hooks.
  • Use Case: A developer needs to quickly implement a real-time trading dashboard in a React app and needs to know the exact parameters for useOrderbookStream and usePositionStream.

Quick Start

Use the orderly-sdk-react-hooks skill to find the signature for the useOrderEntry hook.

Frequently Asked Questions about orderly-sdk-react-hooks

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

FAQPage Schema
How do I integrate Orderly Network trading into a React application?

To integrate Orderly Network trading into a React application, you use the React SDK hooks to manage orders, stream account positions, and handle collateral directly within your React components.

What React hooks are available for decentralized trading market data?

Available React hooks for decentralized trading market data include useOrderbookStream for streaming orderbook data and usePositionStream for real-time position and PnL streaming within your application.

How do I submit or cancel orders using the Orderly React SDK?

You submit or cancel orders using the Orderly React SDK by implementing the useOrderEntry hook, which provides dedicated parameters and return values for executing and editing order entries.

Can I stream real-time orderbook and position data in my Web3 trading dashboard?

Yes, you can stream real-time orderbook and position data in a Web3 trading dashboard by applying the dedicated Orderly React SDK hooks to feed live market data directly into your application UI.

Do I need specific dependencies to use Orderly Network React hooks?

No specific dependencies are required to use the Orderly Network React hooks, as the SDK reference provides the necessary hook signatures and parameters to facilitate rapid development of trading interfaces.

How does the Orderly React SDK handle collateral and chain information?

The Orderly React SDK handles collateral and chain information by providing dedicated hooks for collateral management and fetching chain information, simplifying account setup in decentralized trading apps.