Frontend Patterns
Use these patterns when building React components that interact with the API.
When to Use
- Creating pages that fetch data
- Building forms that mutate data
- Implementing optimistic updates
- Managing loading/error states
Key Files
src/utils/orpc.ts- ORPC client and query utilitiessrc/components/providers.tsx- QueryClient provider setupsrc/components/ui/- UI component library
Pattern Files
- data-fetching.md - Query and mutation patterns
- forms.md - Form patterns with validation
- optimistic.md - Optimistic update patterns