Required Libraries
The following libraries are mandatory in the codebase unless there is a strong justification to use alternatives:
- TanStack React Query – for remote state management and data fetching on the client.
- React Hook Form – for form state management and validation integration.
- Zod (preferred) or Yup – for schema validation of API payloads and form inputs.
- Material UI (MUI) – as the default component library for consistent UI/UX.
- Tailwind CSS – for utility-first styling, spacing, and design tokens.
- Day.js – for date/time manipulation and formatting.
- Material React Table – for building consistent and feature-rich data tables.
Keep in mind
- Do not introduce custom or improvised solutions for data fetching, forms, validation, or date handling unless approved.
- Always use the centralized design system components from MUI + Tailwind before creating new UI elements.
- Schema validation must happen at data boundaries with Zod/Yup. Types should be inferred directly from schemas.