skynet/best-practices
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add React + Vite dashboard best practices topic

Browse Source 
Cross-project reference covering React 19, Vite, Tailwind v4,
shadcn/ui, TanStack Query/Table, react-hook-form + Zod, OIDC auth,
Vitest + Testing Library + MSW, and 16 other dashboard patterns.
This commit is contained in:
Paul O'Reilly
2026-07-02 14:48:40 +12:00
parent bd3a99e2ad
commit 5e67cbcfbb
2 changed files with 490 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
BESTPRACTICES.md
View File

@@ -32,3 +32,4 @@ Generalised best practices extracted from real project work via the `/distill-be
- [AI Parallel Agents](ai-parallel-agents.md) — Parallel agent orchestration: multi-facet research dispatch, file contention, WebFetch limits, narrow reads, dataset-wide audits
- [Python Patterns](python-patterns.md) — Non-reentrant Lock deadlocks, Pydantic v2 extra='ignore' silent drops, subprocess routing callables for mocking, model_validator for cross-field validation
- [Mechanical Test Generation](mechanical-test-generation.md) — Spec properties that enable automated test writing: module layout tables, integration boundary marking, explicit library semantics, concrete interfaces over "implementation detail", error messages as test data, pattern tables as parametric matrices, pre-dispatch testability review
- [React + Vite Dashboard](react-vite-dashboard.md) — React 19 + Vite + Tailwind v4 + shadcn/ui dashboard patterns: component architecture (compound/slot/CVA), TanStack Query v5 (queryOptions, SSE integration, cache invalidation), TanStack Table v8 (server-side processing), react-hook-form + Zod, React Router 7 (layout routes, URL state), OIDC auth, Vitest + Testing Library + MSW, accessibility, performance (React Compiler), error boundaries