Examples
Working example applications for every feature. Each example is a complete, runnable app.
TypeScript Examples
| Example | Features | Path |
|---|---|---|
| basic-counter | createMesh, useMeshState, StateMeshProvider | examples/basic-counter |
| ecommerce-cart | Actions, selectors, computed state | examples/ecommerce-cart |
| resource-cache | Resources, cache, invalidation, prefetch | examples/resource-cache |
| checkout-transaction | Transactions, optimistic UI, rollback, retry | examples/checkout-transaction |
| url-filters | URL state, custom param names | examples/url-filters |
| persisted-cart | Persistence with localStorage | examples/persisted-cart |
| tab-sync | Cross-tab sync with BroadcastChannel | examples/tab-sync |
| form-submit | Forms, validation, server errors, field arrays | examples/form-submit |
| login-page | API client, auth tokens, guards, batch | examples/login-page |
| realworld-support-desk | Full production reference app | examples/realworld-support-desk |
| production-upgrades | keepPreviousData, placeholderData, select, guards | examples/production-upgrades |
| production-observability | Suspense, Doctor, profiler, batch, selectors | examples/production-observability |
| router-ecommerce | Full router demo: lazy loading, guards, keepalive, prefetch | examples/router-ecommerce |
| nextjs-app | Next.js App Router integration | examples/nextjs-app |
JavaScript Examples
Mirror of TypeScript examples in plain .jsx:
| Example | Path |
|---|---|
| basic-counter | examples-js/basic-counter |
| ecommerce-cart | examples-js/ecommerce-cart |
| resource-cache | examples-js/resource-cache |
| checkout-transaction | examples-js/checkout-transaction |
| url-filters | examples-js/url-filters |
| persisted-cart | examples-js/persisted-cart |
| tab-sync | examples-js/tab-sync |
| form-submit | examples-js/form-submit |
| login-page | examples-js/login-page |
| realworld-support-desk | examples-js/realworld-support-desk |
| production-upgrades | examples-js/production-upgrades |
| production-observability | examples-js/production-observability |
| nextjs-app | examples-js/nextjs-app |
Running Examples
bash
# Navigate to an example
cd examples/basic-counter
# Install and run
npm install
npm run dev