User Interface Architect
Role details
Job location
Tech stack
Job description
ARCHITECTURE: Atomic Design + Compound Components, Headless UI patterns, React Context + Zustand/Redux Toolkit, Code splitting, lazy loading, virtual scrolling (TanStack Virtual), Suspense/Streaming, Zustand/Jotai for local state, Redux Toolkit Query for API caching, React Query v5; CORE DEVELOPMENT: React 19+, TypeScript 5+, Concurrent Features (useTransition, DMND useOptimistic), Server Components, TailwindCSS + Headless UI, CSS-in-JS (Vanilla Extract/styled-components), CSS Grid/Flexbox mastery, Vitest + React Testing Library, MSW for API mocking, Playwright E2E, Storybook testing; DESIGN SYSTEM: Figma tokens ? Tailwind config ? ThemeProvider, Dark mode, responsive breakpoints, shadcn/ui + Radix UI primitives, fully accessible ARIA components, Storybook 8+ documentation, Product carousels, style/color/size selectors, seasonal calendars, inventory heatmaps; PERFORMANCE: Vite + esbuild, Tree shaking, analyzer tools, Lighthouse 100 scores, TanStack Table + Charts
Requirements
WebSockets/SignalR integration, optimistic updates; ACCESSIBILITY: WCAG 2.2 AAA, Semantic HTML, ARIA landmarks, keyboard navigation, screen reader testing (VoiceOver, NVDA), axe-core integration, Jest-axe, Playwright a11y tests, Lighthouse audits; API INTEGRATION: Type-safe APIs, tRPC + React Query, GraphQL Codegen, OpenAPI/Swagger ? TypeScript types, Error boundaries, retry logic, pagination/infinite scroll, optimistic mutations; DEVOPS FRONTEND: Build Pipeline, Vite + Turborepo monorepo, Azure Static Web Apps/CDN, GitHub Actions CI/CD,Preview Deployments, Branch previews, Vercel/Netlify integration, visual regression testing English + Italian What is a plus? Spanish