Skip to content

Required Libraries

The following libraries are mandatory in the codebase unless there is a strong justification to use alternatives:

  1. TanStack React Query – for remote state management and data fetching on the client.
  2. React Hook Form – for form state management and validation integration.
  3. Zod (preferred) or Yup – for schema validation of API payloads and form inputs.
  4. Material UI (MUI) – as the default component library for consistent UI/UX.
  5. Tailwind CSS – for utility-first styling, spacing, and design tokens.
  6. Day.js – for date/time manipulation and formatting.
  7. 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.