Apply

Ready to go for it?

AI Apply speeds things up—apply directly if you prefer.

FREE ACCESS
5,000–10,000 jobs/day
Scoutfield Logo

See all jobs on Scoutfield

Search thousands of fresh jobs every day.

Discover
  • Fresh listings
  • Fast filters
  • No subscription required
Create a free account and start exploring right away.
Manulife

Front-End Engineer

Manulife

. Design, build, and maintain accessible, well-tested React components, design tokens, and tooling aligned with the enterprise design system .

Posted 10/26/2026full-timeWaterloo • CanadaMid-LevelSenior💰 CA$86,100 - CA$136,100 per yearWebsite

Core Competencies

Role fit
Core Competencies

Use this summary to align your resume positioning with the role.

Demonstrates expertise in building accessible and reusable React components and design systems, with a strong focus on WCAG compliance and testing disciplines. Proficient in collaborating within agile environments and communicating technical concepts effectively to diverse teams.

Highest-signal resume keywords
React DevelopmentTypeScript ProficiencyAccessibility Standards ComplianceTesting DisciplineAgile Methodologies

ATS Keywords

Tailor your resume
Applicant Tracking System Keywords

Tip: use these terms in your resume and cover letter to boost ATS matches.

Hard Skills
ReactTypeScriptModern CSSSemantic HTMLARIAUnit TestingIntegration TestingVisual Regression TestingAutomated Accessibility ChecksSemantic Versioning
Soft Skills
Strong CommunicationCuriosityEntrepreneurial SpiritCapacity for LearningCollaboration
Tools & Technologies
Figma Code ConnectCI/CDMonoreposAgile ToolsDevOps Practices
Industry Keywords
Enterprise Design SystemComponent APIsShared LibrariesAssistive TechnologyGenerative UI

Tech Stack

Tools & technologies
JavaScriptNext.jsReactTypeScript

About the role

Key responsibilities & impact
  • Design, build, and maintain accessible, well-tested React components, design tokens, and tooling aligned with the enterprise design system
  • Strive to achieve WCAG 2.2 AA accessibility and implement ARIA authoring practices, keyboard interaction, and assistive technology support
  • Shape component APIs used by hundreds of applications, including backwards compatibility, semantic versioning, deprecation paths, and migration guidance
  • Extend the Next.js documentation platform, live code sandbox, examples, and Figma Code Connect integration
  • Contribute to the MCP server, Copilot agent skills, LLM-friendly documentation endpoints, and generative UI guardrails
  • Help evolve a shared headless component core for web, mobile, and future platforms
  • Triage issues, review external contributions, and unblock delivery teams
  • Collaborate with designers, architects, and product teams in an agile delivery model
  • Build components, tooling, documentation, and AI capabilities for Manulife engineers

Requirements

What you’ll need
  • 5 or more years building production front-end applications or shared libraries, ideally in complex enterprise environments
  • Deep hands-on expertise in React and TypeScript, plus modern CSS
  • Practical accessibility experience: semantic HTML, ARIA, focus and keyboard management, and testing with assistive technology
  • Experience building reusable libraries, design systems, or shared platforms consumed by other engineers
  • Testing discipline across unit, integration, visual regression, and automated accessibility checks
  • Familiarity with monorepos, CI/CD, release automation, and semantic versioning
  • Strong verbal and written communication, with the ability to articulate technical vision, trade-offs, and outcomes to engineers and leadership
  • Familiarity with agile and DevOps principles, test-driven development, continuous integration, and software engineering best practices
  • Capacity for constant learning and continuous improvement
  • Entrepreneurial spirit and comfort working within a rapidly changing environment
  • Curiosity about AI-assisted development and how agents consume design systems and structured component knowledge

Benefits

Comp & perks
  • Flexible environment supporting learning, career growth, well-being, and inclusion
  • Health insurance
  • Dental insurance
  • Mental health benefits
  • Vision insurance
  • Short- and long-term disability insurance
  • Life and AD&D insurance coverage
  • Adoption/surrogacy benefits
  • Wellness benefits
  • Employee/family assistance plans
  • Retirement savings plans
  • Pension
  • Global share ownership plan with employer matching contributions
  • Financial education and counseling resources
  • Paid holidays, vacation, personal, and sick days
  • Statutory leaves of absence
  • Incentive programs and incentive compensation tied to business and individual performance