// 04_VISUAL/xwui/xwui-lib/xwui-lib-super/src/developer/XWUIPreviewerXWCode/examples/BasicUsage.md

# Basic Usage

XWUIPreviewerXWCode - specialised XWUIPreviewer that bidirectionally round-trips between three canonical xwui code modes: • html - `<xwui-*>` custom-element markup (loader script auto-included) • ts - `new XWUI*(root, data, config)` with `import { … } from '@exonware/xwui/basic'` • js - `XWUI.create('XWUI*', root, config)` with `await XWUI.load('basic')` **TS is the source of truth** - every edit, regardless of which mode the user is typing in, is first parsed into a compact intermediate form (`XWUICallIR[]`), and then *every* mode (including TS itself) is re-rendered from that IR.