State Management Overview
The application uses a hybrid state management approach combining multiple strategies:
| Strategy | Use Case | Location |
|---|---|---|
| React Context | Global/shared state | src/context/ |
| React Hook Form | Form state | src/components/forms/ |
| TanStack Table | Table state (filters, sorting, pagination) | src/components/tables/ |
| useState Hook | Local component state | Throughout components |
| URL Search Params | Shareable state (filters, pagination) | Next.js navigation |
| Server State | Initial data from Server Components | Passed as props |