Compatibility and distribution
Choose the correct registry and understand native framework differences.
These guides target the current React and Vue registry payloads. A registry copies source files into your project; the files you installed determine your available API.
Current registry and releases
The current artifacts are https://table.yayaw.app/r/yayaw-table.json and https://table.yayaw.app/r/yayaw-table-vue.json. An immutable /r/vX.Y.Z/ snapshot remains frozen. These guides and their embedded previews match v3.9.2. v3.9.1 and v3.9.2 align the two editions. In React, a new search, filter or sort starts on the first page, a page past the last one moves to the last page, and a table starts in its columns.order and opens on the favorite or the default view whatever the order of its definitions. In Vue, a link keeps the page it names, and back and forward reload nothing when the query stays the same. In both, a table loads its first page once and its view loads its data once. v3.9.0 added the dashboard screen editor (sections, a widget dialog over the host's sources and blocks, the live table as a view editor, tables reporting their view), each person's order of saved views with a "…" overflow, a facet panel beside the records, New folder and a folder filter in every view of a file tree, blocks that set a screen's filters, and tags columns backed by the host's tag catalog. v3.8.0 turned dashboards into screens (JSON version 2: sections, full-page tables, host blocks, inline views, texts in several languages), with validateDashboard, checkDashboardReferences and dashboardJsonSchema for servers and AI tools, sources loaded on demand, relative date periods and notices from the host; date filters send calendar days (YYYY-MM-DD) since then. v3.7.0 added area, bars-and-line and funnel charts, form languages, consent questions and hidden fields, a near full-screen form builder, lazy loading in the Feed, dashboards without inner scrollbars with number comparisons and sparklines, and column value formats on every surface. v3.6.0 added the Feed, File tree, Map and Dashboard views and location columns to the List, Calendar, Chart and Form views of earlier 3.x releases; v3.1.0 introduced record details and the row-derived Gantt, and v3.0.0 predates both. The verification fixture pins the sources to commit 849e72cd13043083e1691dd2c9489cc653876782, the v3.9.2 tag itself, so the snapshot and these snippets are the same build. Recheck this baseline when updating snippets.
The previews install the core items and the optional yayaw-table-calendar, yayaw-table-chart, yayaw-table-map and yayaw-table-dashboard items, and their Vue counterparts yayaw-table-vue-calendar, yayaw-table-vue-chart, yayaw-table-vue-map and yayaw-table-vue-dashboard, from the release's versioned snapshot public/r/v3.9.2/ at that commit. Each payload is checked against its SHA-256, the same checksums as the v3.9.2 release assets. The React Map item's map component comes from mapcn, taken from the same commit. The Map previews use OpenFreeMap's keyless styles and a MapLibre worker served by this documentation.
Since v3.7.0, a pinned optional item depends on the core of the same version: /r/v3.9.2/yayaw-table-chart.json installs /r/v3.9.2/yayaw-table.json, not the latest core. Snapshots up to v3.6.1 keep their previous content. The React core also declares the shadcn card and combobox components, so the shadcn CLI installs them with the table. Since v3.9.0 the React dashboard item also declares alert-dialog and command, for its editor.
Dashboard documents saved by v3.8.0 are version 2, which v3.7.0 and earlier refuse: upgrade every place that reads your dashboards before one of them saves a version 2 document. Date rules carry days from v3.8.0; a server that also serves older clients keeps reading instants as days (see Server actions).
Shared ideas, native APIs
| Concern | React | Vue |
|---|---|---|
| Component | DataTable | YayawDataTable |
| Query context | QueryClientProvider | VueQueryPlugin |
| Catalog | getTableConfig | config or getTableConfig |
| Local rows | List action / initial data | Reactive data or list action |
| URL adapter | Nuqs adapter for the host router | Vue URL-state implementation |
| Custom UI | React nodes / callbacks | VNodes / slots |
| Bulk callback rows | TanStack rows, use row.original | Records directly |
| Toast renderer | sonner | vue-sonner |
Supported dependencies
The current registries use TanStack Table 9.2.4 and require an ESM build targeting ES2022 or newer. Keep the copied adapter and the dependency in sync. The private @yayaw/table-vue workspace package is not a public npm installation contract; use the registry and local imports shown in the quick start.
Yayaw public example
The public product example and the embedded documentation previews use the same reviewed registry commit listed above. The public example runs Yayaw's checked-in React component, while documentation builds isolated React and Vue copies. Updating the registry alone does not update the public example: refresh the copied files, preserve the host row actions, and deploy Yayaw.
The product example demonstrates Table, Kanban and Gallery; the Gantt guide runs a separate planning dataset in both frameworks, and the other view guides share a projects dataset. Saved views in the anonymous product example stay in that browser's local storage. They are not database-backed or shared between visitors.
For Next.js, keep "use client" before every import in a client module, including the URL-state hook. Vue does not use this React-specific directive.