User Interface Architect (Badajoz)
Role details
Job location
Tech stack
Job description
HCLTech is seeking an experienced Senior UI Architect & Developer to strengthen its brand in Spain. This role involves developing reusable UI components, optimizing performance, and ensuring accessibility in applications.
Requirements
Ideal candidates will have deep expertise in React, TypeScript, and a variety of frontend technologies including TailwindCSS and atomic design principles. Knowledge of accessibility standards and performance metrics is essential. The position is located in Badajoz, Extremadura., * Expertise in React and TypeScript with a strong grasp of frontend development principles.
- Experience with performance optimization and accessibility best practices.
- Proficiency in building and integrating type-safe APIs., * Developing reusable components using Atomic Design principles.
- Integrating performance optimization techniques to achieve Lighthouse scores.
- Ensuring accessibility compliance across user interfaces.
Conocimientos
React 19+ TypeScript 5+ Atomic Design Headless UI patterns TailwindCSS CSS Grid/Flexbox mastery 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)