Frontend Developer - UI

Description :

Job Summary :

- Responsible for the design, development, and maintenance of a highly secure, performant, and reusable library of web components using modern front-end standards, primarily leveraging the Lit element library and TypeScript.

- Drive technical excellence in component design, ensuring strict adherence to WCAG 2.1+ accessibility standards and achieving seamless integration across disparate host frameworks like Angular, React, and Vue.

- Establish and maintain quality gates through robust unit and end-to-end testing, and ensure components meet stringent criteria for internationalization (i18n), performance, and cross-browser compatibility.

Core Responsibilities :

Web Component Development and Design :

- Develop production-grade, reusable, and framework-agnostic web components using Lit, HTML, SCSS/CSS, and TypeScript, ensuring maximum security and encapsulation via the Shadow DOM.

- Translate high-fidelity visual specifications from design tools like Figma into pixel-perfect, functionally complete, and responsive UI components.

- Ensure all developed components fully comply with WCAG 2.1 and higher accessibility standards, including robust support for keyboard navigation, focus management, semantic HTML, and compatibility with screen readers (ARIA attributes).

Quality Assurance and Automation :

- Implement comprehensive unit testing for all components using the Vitest framework to ensure functional correctness and prevent regressions.

- Develop and maintain robust end-to-end (E2E) automation test suites using Playwright to validate component behavior across different browsers and real-world application scenarios.

- Conduct rigorous cross-browser compatibility testing and optimize component rendering to achieve high performance scores and responsive design across all major platforms and devices.

Integration and Collaboration :

- Facilitate the seamless integration and consumption of the web component library into host applications built on different major frameworks, including Angular, React, Vue, and pure TypeScript environments.

- Perform advanced debugging and resolution of complex integration issues and rendering discrepancies across various consumption platforms and browser environments.

- Utilize AI-assisted development tools, such as GitHub Co-pilot, to significantly accelerate the component development workflow and enhance code quality.

Required Technical Skills and Experience :

- Deep expertise and hands-on professional experience with the Lit element library for building lightweight web components.

- Mandatory proficiency in modern TypeScript development, object-oriented concepts, and advanced knowledge of SCSS/CSS for styling, theming, and managing component visual state.

- Proven ability to design and implement components that adhere strictly to WCAG accessibility standards (2.1+).

- Experience implementing unit tests using Vitest (or a similar modern runner like Jest) and developing E2E test suites with Playwright (or Cypress).

- Strong understanding of front-end performance metrics and optimization techniques (e.g., lazy loading, tree shaking, bundle analysis).

Preferred Skills and Experience :

- Direct experience developing components that support complex internationalization (i18n) and localization patterns.

- Experience contributing to or maintaining a centralized Design System/Component Library.

- Familiarity with monorepo tools (e.g., Nx, Lerna) for managing component libraries.

- Working knowledge of cloud-based design systems or component management platforms.

- Understanding of web security best practices as applied to client-side components (e.g., XSS prevention, content security policies).