KEY FEATURES OF THE POSITION
We are looking for an experienced UI Architect and Developer with Italian.
HCLTech is a global technology company, spread across 60 countries, delivering industry-leading capabilities centered around digital, engineering, cloud and AI, powered by a broad portfolio of technology services and products. We work with clients across all major verticals, providing industry solutions for Financial Services, Manufacturing, Life Sciences and Healthcare, Technology and Services, Telecom and Media, Retail and CPG, and Public Services. We re powered by our people a global, diverse, multi-generational talent - representing 161 nationalities whose unique spark, perspective and boundless passion drive our culture of proactive value creation and problem-solving.
Our purpose is to bring together the best of technology and our people to supercharge progress for everyone, everywhere our clients, partners, their stakeholders, communities, and the planet. As a company, we are deeply focused on accelerating our ESG agenda. We are also creating technology-enabled sustainable solutions with and for our clients and partners. We embed ESG imperatives into every aspect of our business and ensure that the progress we supercharge is responsible, inclusive and beneficial to all our stakeholders in the long term. We have committed to achieving net zero by 2040.
To learn more about how we can supercharge progress for you, visit www.hcltech.com
Primary:
Architect & develop scalable React/TypeScript UIs for supply chain/retail/product platforms; Key Focus: Performance-first frontend architecture, design system implementation, enterprise accessibility
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
#J-18808-Ljbffr