Position Overview: The Senior Frontend Developer (Contract, Registration team) position is a senior contract role. We are looking for a highly capable developer to quickly become productive in our established codebase, make well-scoped changes, and guide implementation choices across legacy and modern frontend areas. In this role, you will implement design refreshes, improve legacy styling setups, and execute styling and behavioural updates across critical, high-traffic transactional pages. This is a full-time, 12 month contract role with a salary range of $130,000 - $145,000 CAD. Product Line: This role will be working on the Race Roster product. Work Location: The successful candidate for this role can be either a remote employee (working 100% remotely from a designated location within Canada), a hybrid employee (flexibility to work in the office or from home at a location within 75 km from the London, ON office), or an in-office employee at our London, ON office. Responsibilities: Implementation Guidance: Evaluate existing code to decide when to work within existing Twig/jQuery structures versus when introducing or expanding React feature areas is appropriate. Styling Modernization: Refactor legacy SCSS/Sass architectures and Bootstrap-style setups to support design refreshes on highly visible transactional pages. Interactive UI Refactoring: Implement clean, functional client-side interactions in legacy (Twig/jQuery) views and modern (React/TypeScript) component spaces. Design System Alignment: Ensure React components mounted in dashboard pages align with the Race Roster design system and shared UI component patterns. Build System Diagnostics: Diagnose and resolve Webpack or Vite asset issues inside our pnpm/Turborepo monorepo. Testing & Accessibility Quality: Ensure that high-traffic user journeys are thoroughly tested for responsive behaviour, cross-browser compatibility, and practical web accessibility. Education & Experience: Experience: 6+ years of professional frontend development experience, with a proven ability to make well-scoped changes in complex, hybrid codebases. Must-Have Stack: Strong experience with JavaScript (ES6+) and managing complex client interactions with jQuery. Exceptional CSS debugging and large-scale SCSS/Sass refactoring skills within Bootstrap-style layouts. Experience working with Twig templates inside PHP/Symfony application environments. Experience writing React and TypeScript features, particularly mounting components into existing server-rendered pages. Experience diagnosing and configuring Webpack and Vite asset pipelines. Experience operating within monorepos (pnpm, Turborepo).

Nice-to-Have

Stack: Experience working with established state management patterns in React applications. Experience with the incremental modernization of legacy interfaces, including React components mounted into server-rendered pages. Experience implementing web accessibility best practices on transactional checkout or registration flows. Bonus Education & Experience: Relevant industry experience The successful candidate for this role will become an employee of Race Roster North America Corporation (doing business as ASICS Apps Canada), a subsidiary of ASICS Corporation, a Japanese multinational corporation. Race Roster was founded in London, Ontario in 2011. All qualified applicants will receive consideration for employment without regard to race, colour, religion, gender, gender identity or expression, sexual orientation, sex, place of origin, ethnic origin, ancestry, citizenship, creed, record of offenses, genetics, disability, age, marital status, family status, veteran status, or fitness level. Accommodations are available on request for candidates taking part in all aspects of the selection process. Job applications will be reviewed by Rippling's AI. This posting is for an existing vacancy.