About The Company

Manulife Financial Corporation is a leading international provider of financial services dedicated to helping individuals and businesses make informed decisions to live better. With a solid presence in Canada, the United States, and globally, Manulife offers a wide range of insurance, wealth management, and asset management solutions. Committed to fostering an inclusive and diverse workplace, Manulife values innovation, integrity, and excellence.

The company strives to create a positive impact on the communities it serves by leveraging technology and human expertise to deliver customer-centric financial products and services. T

About The Role

We are seeking a self-motivated Front-End Engineer to join our Front-End Foundations team, which is responsible for developing and maintaining Manulife's internal React component library that implements our enterprise design system. This library powers over 100 active digital properties across our Canadian and US segments and is recognized as the standard for React development within the organization. The role involves building accessible, high-quality React components, tooling, and documentation to support thousands of engineers who rely on these resources daily.

As a product engineering role, the library is the product, and developers are the customers. You will collaborate with cross-functional teams, including designers, architects, and product managers, to ensure the delivery of scalable, reusable, and accessible front-end solutions that align with enterprise standards and future growth initiatives. Your contributions will directly impact the consistency, accessibility, and quality of our digital experiences, enabling us to deliver superior customer and employee experiences.

Qualifications

- 5 or more years of experience building production front-end applications or shared libraries, preferably in complex enterprise environments
- Deep expertise in React and TypeScript,



along with modern CSS techniques
- Practical experience with accessibility standards, including semantic HTML, ARIA practices, focus and keyboard management, and testing with assistive technologies
- Proven track record of building reusable libraries, design systems, or shared platforms consumed by multiple teams
- Strong testing discipline covering unit, integration, visual regression, and automated accessibility checks
- Familiarity with monorepos, CI/CD pipelines, release automation, and semantic versioning
- Experience in driving cultural change within enterprise engineering teams
- Excellent verbal and written communication skills, capable of articulating technical vision, trade-offs, and outcomes to technical and non-technical stakeholders
- Knowledge of agile methodologies, DevOps principles, test-driven development, and continuous integration practices

Responsibilities

- Design, develop, and maintain accessible, well-tested React components, design tokens, and tooling aligned with the enterprise design system
- Ensure accessibility compliance, striving for WCAG 2.2 AA level, implementing ARIA practices, keyboard interactions, and assistive technology support
- Design robust, backward-compatible APIs for components used across hundreds of applications, including deprecation strategies and migration guidance
- Extend documentation platforms, live code sandboxes, examples, and Figma integrations to facilitate seamless adoption and learning for development teams
- Contribute to AI-native tooling efforts,



including MCP server, Copilot agent skills, and generative UI guardrails, to ensure AI-generated interfaces adhere to accessibility and branding standards
- Help evolve a shared headless component core to support multiple platforms, including web and mobile, promoting code reuse and consistency
- Support and triage issues within the engineering community, review external contributions, and unblock delivery teams to maintain momentum
- Collaborate closely with designers, architects, and product teams within an agile framework to identify pain points and accelerate delivery of new business features

Benefits

- Comprehensive health, dental, mental health, and vision insurance coverage
- Disability insurance (short-term and long-term), life insurance, and accidental death and dismemberment coverage
- Adoption/subrogation benefits and wellness programs
- Employee assistance programs and financial counseling resources
- Retirement savings plans, including pension plans and an employee stock ownership plan with employer contributions
- Paid time off including holidays, vacation, personal days, and sick leave
- Flexible work arrangements and support for work-life balance
- Opportunities for professional development and career growth within a global organization

Equal Opportunity Manulife is an equal opportunity employer committed to fostering an inclusive environment. We value diversity and are dedicated to attracting, developing, and retaining a workforce that reflects the communities we serve. We ensure all employment practices, including hiring, promotion, and compensation, are conducted without discrimination based on race, ethnicity, gender, age, religion, sexual orientation, disability, or any other protected characteristic.

We are committed to providing reasonable accommodations throughout the application and employment process.

📌 Front End Engineer (React.js, TypeScript) (Canada)
🏢 Sundayy
📍 Canada