Enterprise example
examples/enterprise/ — a realistic application shell: Tailwind v4 + shadcn-style components, TanStack Query through DI, zod-validated forms, ECharts, and a worker island in the dashboard.
If the frame is blank, the example isn't running: start it with npm run dev (framework demo) or npm run dev:enterprise from the repository root, or serve the built site with npm run serve:pages.
What to try
| Route | What it demonstrates |
|---|---|
/ (dashboard) | Query-backed stat cards, an ECharts area chart, recent activity, and a live worker island — the uptime ticker renders off-thread and emits worker-ping events back to the shell. |
/users | querySignal in action: debounced search input → signal → reactive query key → filtered table. Refresh triggers invalidateQueries. |
/components | The shadcn-style src/ui/ layer: CVA button variants, badges, tabs, dialog, inputs, skeletons — all plain function components over cn(). |
/settings | Declared-controller forms: field signals, zod validation on submit, error display, dirty/saved state — plus the ThemeService light/dark/system switcher (also in the header). |
The integration recipes it embodies
- Integrating libraries — client-as-provider + subscribe→signal
- Data fetching — QueryModule + querySignal
- Forms & validation — controller + zod
- Styling — tokens, cn(), CVA