User Interface Architect (Castilla-La Mancha)

HCLTech is looking for a Senior UI Architect & Developer to strengthen our brand in Spain. This role demands expertise in UI architecture and development, especially in React and TypeScript. You will work on various aspects including accessibility, performance, and API integrations.

The ideal candidate will have a strong knowledge of modern development practices and the ability to work collaboratively with diverse teams. Proficiency in English and Italian is required, with Spanish as a plus., * Expert level in UI architecture and development.

• Strong experience with React and TypeScript.
• Proficient in accessibility standards and tools., Core Development: React 19+, TypeScript 5+ Design System: Figma tokens * Tailwind config Performance: Vite + esbuild Accessibility: WCAG 2.2 AAA API Integration: Type-safe APIs DevOps Frontend: Build Pipeline Languages: English + Italian (Spanish is a plus) Descripción del empleo

Our goal is to strengthen the brand in Spain. We are looking for an expert to work as Senior UI Architect & Developer. Required Skills

• 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, DMND0000089372useOptimistic), 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, 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
• Languages: English + Italian (Spanish is a plus)