Staff Front-End Engineer - CANADA (Remote)

Luxury Presence; Montreal (administrative region); On-site; CAD 120,000 - 150,000; Full time

Job summary

A prominent technology company in Montreal is looking for a Staff Frontend Engineer to lead the technical development of a React-based micro-frontend platform. You'll own architecture and design for a system serving thousands of real estate businesses, drive migration to a modern Tailwind-based library, and mentor team engineers. Ideal candidates have over 8 years of software engineering experience, deep skills in React and TypeScript, and a passion for accessible design. Competitive compensation and benefits offered.

Qualifications

• 8+ years of professional software engineering experience in senior or staff-level roles.
• Deep expertise in React, TypeScript, and modern component architecture.
• Experience in building and maintaining scalable design systems.

Responsibilities

• Own frontend platform architecture and lead technical direction.
• Drive the evolution of the design system with accessible, token-driven patterns.
• Define migration strategy from legacy to modern frontend technologies.

Skills

React 18/19

TypeScript

Tailwind CSS

GraphQL

Frontend performance

Accessible component development

Micro-frontend architectures

Tools

Webpack 5

Vite 7

CircleCI

Job description

About the Role

As a Staff Frontend Engineer, you will be the technical authority for our React‑based micro‑frontend platform serving thousands of real‑estate businesses. You will own the evolution of our design system, drive migration from legacy UI libraries to a modern Tailwind‑based component library, and set frontend standards shared by AI agents and human engineers.

Responsibilities

• Own frontend platform architecture. Lead the technical direction of our React micro‑frontend platform built on single‑spa, making critical decisions about module federation, code splitting, and how the frontend scales across a growing product surface.
• Drive the design system forward. Shape the evolution of our Radix + Tailwind CSS + component library—a monorepo powering our UI—setting patterns for accessible, token‑driven components that work across web and native, and ensuring our Figma‑to‑code pipeline stays tight.
• Lead the migration from legacy to modern frontend. Define the migration strategy, pace, and ensure a seamless experience for users as we move from Material‑UI and styled‑components to our modern design system built on Tailwind CSS, Radix UI, and design tokens.
• Ship AI‑native product experiences. Work closely with product, design, and AI teams to deliver intelligent frontend features that leverage LLMs, agent frameworks, and real‑time data—such as an AI‑powered site builder and interactive property search experiences with maps and geospatial tools.
• Define how we build, not just what we build. Shape frontend engineering standards—including Storybook‑driven development, Vitest testing patterns, Biome linting rules, and bundle size budgets—and influence how AI agents integrate into our frontend development workflow.
• Mentor and elevate engineers across the org. Raise the frontend bar across teams, coach engineers through hard design problems, and influence career growth.

Attributes

• You already build with AI daily, using Claude Code as a core part of your workflow.
• You have strong, loosely held opinions about how AI changes software architecture, team structure, and engineering culture.
• You think in systems, connecting technical decisions to customer outcomes and long‑term business value.
• You communicate clearly and directly, explaining complex tradeoffs to product, design, and executive stakeholders.
• You thrive in a fast‑growing company where ownership is real and the roadmap evolves.
• You enjoy fun at work, celebrate wins, crack jokes, and genuinely enjoy building together.

Skills And Experience

• 8+ years of professional software engineering experience, with meaningful time in senior or staff‑level frontend roles.
• Deep expertise in React 18/19, TypeScript, and modern component architecture (hooks, compound components, render props, forwardRef patterns).
• Experience building and maintaining design systems at scale—component libraries, design tokens, theming, and Figma‑to‑code workflows.
• Strong command of Tailwind CSS, utility‑first styling, and CSS custom properties for token‑driven theming.
• Hands‑on experience with GraphQL and Apollo Client—federation, codegen, cache management, and fragment composition.
• Track record leading large‑scale frontend migrations (e.g., legacy UI libraries to modern systems) without disrupting production.
• Experience with micro‑frontend architectures (single‑spa, module federation, or equivalent) and monorepo tooling (Turborepo, pnpm workspaces).
• Deep understanding of frontend performance—code splitting, tree‑shaking, bundle analysis, lazy loading, and Core Web Vitals.
• Familiarity with accessible component development (WCAG, Radix UI, semantic HTML, keyboard navigation).
• Experience with modern frontend testing: Vitest/Jest, React Testing Library, Playwright, and Storybook‑driven development.

Tech Stack

• Frontend: React 18/19, TypeScript, Tailwind CSS 4, single‑spa micro‑frontends.
• Design System: Radix UI, CVA, Tailwind, Figma Code Connect, Storybook 10, Vitest.
• Data: Apollo Client, Federated GraphQL, GraphQL Codegen.
• Build: Webpack 5, Vite 7, SWC, Turborepo, pnpm workspaces.
• Quality: Biome, Prettier, Playwright, React Testing Library, size‑limit.
• Infrastructure: AWS, Kubernetes, LaunchDarkly, Datadog RUM, CircleCI.

Equal Opportunity Employer

Luxury Presence is an Equal Opportunity Employer. All qualified applicants will receive consideration for employment without regard to race, color, religion, sex, sexual orientation, gender identity, or national origin.