Vue.js Developer - Javascript/TypeScript

Description :

Job Summary :

We are seeking a highly skilled Senior UI Developer (4 8 years experience) to spearhead the creation of a modern, performant, and accessible web component library. The ideal candidate will leverage Lit, TypeScript, and SCSS/CSS to build reusable components, implementing rigorous unit testing using Vitest and end-to-end automation with Playwright. Key deliverables include translating complex Figma designs into functional, cross-browser-compatible components, implementing full i18n/RTL support, enforcing WCAG 2.1+ compliance, and applying cybersecurity best practices monitored via Sonar.

Key Responsibilities and Technical Deliverables :

Web Component Development and Framework Integration :

- Develop reusable web components using the defined core technologies : Lit, HTML, SCSS/CSS, and TypeScript.

- Design and architect components to ensure seamless integration and usage across disparate front-end frameworks, including Angular, React, Vue, and pure TypeScript applications.

- Ensure cross-browser compatibility and responsive design across various platforms and device sizes.

- Translate high-fidelity Figma designs into functional components, ensuring pixel-perfect implementation and adherence to design systems.

- Debug and resolve issues across platforms resulting from UI component usage or integration.

Accessibility, Internationalization, and Performance :

- Ensure strict adherence to WCAG 2.1+ accessibility standards (e.g., proper keyboard navigation, ARIA attributes, screen reader compatibility).

- Implement i18n (internationalization), multi-lingual, and Right-to-Left (RTL) layout support within the component library architecture.

- Optimise for performance, targeting critical metrics such as rendering speed, initial load time, and minimized component bundle size.

Quality Assurance and DevOps Integration :

- Implement unit testing with Vitest and develop robust end-to-end automation using Playwright to validate component functionality and integration.

- Apply cybersecurity best practices in frontend UI development to mitigate common risks (e.g., XSS, CSRF).

- Monitor code quality and security standards with Sonar (or similar static analysis tools) and maintain a low technical debt profile.

- Use GitHub Co-pilot to accelerate UI development while maintaining high code quality standards.

- Prototype effectively with Stack Blitz or similar online IDE environments.

Process and Collaboration :

- Contribute to design documentation, specifications, and technical standards for the component library.

- Participate actively in Agile ceremonies (Scrum/Kanban), ensuring alignment between technical deliverables and product roadmap goals.

Mandatory Skills & Qualifications :

- Experience : 4 - 8 years of experience in front-end development.

- Core Stack : Hands-on expertise with Lit, TypeScript, HTML, and SCSS/CSS.

- Quality : Experience with unit testing (Vitest) and E2E automation (Playwright).

- Standards : Mandatory experience implementing and ensuring adherence to WCAG 2.1+ accessibility standards.

- Design/Integration : Ability to Translate Figma designs and Integrate UI components into Angular, React, Vue, and other applications.

Preferred Skills :

- Advanced experience with build tools like Webpack or Vite for component libraries.

- Expertise in web security monitoring tools like Sonar.

- Experience integrating with Headless CMS solutions.

- Strong knowledge of modern JavaScript testing methodologies and patterns.