Guides
End-to-end recipes that cut across multiple SDK slices. Each guide picks one UI surface (a chart, a panel, a flow) and walks the full wiring — which hooks to call, which data to derive from which endpoint, which framework primitives to reach for.
Guides are consumer-facing. Reference docs under Core, React, and the other library sections describe individual APIs; guides show how to combine them.
Available guides
- Build a Perps DEX — end-to-end recipe for shipping a full trading UI. Start on the overview to pick your path: with React (recommended, on
@symmio/trading-react) or with Core (framework-agnostic, on@symmio/trading-core, for Node.js and non-React stacks). Both walk wallet, subaccounts, collateral, delegation, open / close, and TP/SL. - Register an Affiliate — register your frontend as a SYMMIO affiliate so trading fees route to you. Predict your deterministic address, submit the on-chain request, get approved, then wire the address into your config. Use the hosted page or drive it from your own UI with the SDK.
- Lowcap Chart — render a price chart for a lowcap market. Two options: DexScreener iframe (fast path) or your own OHLC feed (Moralis / GeckoTerminal) rendered with TradingView Lightweight Charts.
When to reach for a guide vs a reference
- Reference — “what does
useEnigmaPriceServiceMetadatareturn?” → Core / Price Service or React / Price Service hooks. - Guide — “how do I show a chart for a lowcap market?” → this section.
New guides are added as new UI patterns crystallize. If a recipe lives in the vibe-ui reference repo and belongs in the SDK’s documented surface, propose it as a guide.
Last updated on