Interactive demoDataCore
Search, filter, and sort
48 records generated in memory, with live text search, multi-facet filtering, sortable columns, and pagination — the rows are simulated, the pipeline is real.
Built withReactuseMemoIntl
Before you try it
What it needs
Nothing to configure. It runs the same everywhere.
Mode right now
ReadyThe provider is configured here; nobody has watched the real path succeed on this deployment yet.
A safe failure to try
Search for a deployment that does not exist: the empty state says so, and the filters you set stay set.
| Commit | ||||
|---|---|---|---|---|
web-storefront dpl_001development | Move image resizing to the edge Ines Ferreira | building | 2m 29s | 12 days ago |
media-pipeline dpl_002production | Reduce bundle size by lazy-loading the editor Ines Ferreira | failed | 3m 52s | 12 days ago |
search-indexer dpl_003production | Backfill missing customer locales Daniel Kwon | succeeded | 2m 14s | 12 days ago |
analytics-collector dpl_004development | Move image resizing to the edge Daniel Kwon | queued | — | 12 days ago |
identity-service dpl_005preview | Reduce bundle size by lazy-loading the editor Rosa Villanueva | succeeded | 1m 47s | 12 days ago |
analytics-collector dpl_006preview | Drop unused index on orders.created_at Daniel Kwon | building | 4m 45s | 12 days ago |
checkout-api dpl_007preview | Move image resizing to the edge Ines Ferreira | succeeded | 3m 40s | 12 days ago |
identity-service dpl_008production | Tighten CORS to the primary origin Ines Ferreira | failed | 3m 43s | 12 days ago |
1–8 of 48
1 / 6
What this demonstrates
- Derived state: never store what you can compute from existing state
- useMemo so filtering does not re-run on unrelated renders
- Empty results are a designed state, not a blank screen
- Sorting that is stable and keyboard operable from the column header
Where the code lives
src/experiments/data-table/demo.tsxRegistered in src/experiments/registry.ts and loaded on demand by loader.tsx.