Sr. React Engineer - US at mSupply

Worldwide

<div><span style="font-size:14px"><div> <div> <div> <div> <p paraeid="{2d3766f7-80e0-469b-a8e8-b95de4db5ece}{3}" paraid="251720375"><b><u><span style=";">About mSupply&#x2122;&#xa0;</span></u></b></p> </div> <div> <p paraeid="{2d3766f7-80e0-469b-a8e8-b95de4db5ece}{6}" paraid="845938475"><span style=";">mSupply is a North American distributor of OEM repair parts and equipment serving the appliance, HVAC and plumbing industries. Headquartered in St. Louis, the company combines industry expertise with a broad product selection and a national distribution network.&#xa0;</span></p> </div> <div> <p paraeid="{2d3766f7-80e0-469b-a8e8-b95de4db5ece}{8}" paraid="1884297958"><span style=";">With 2,000 employees across the United States and Canada, mSupply delivers speed and reliability at scale, with a vast product inventory and same-day shipping. Its family of brands is focused on making sure customers always get the Right Products. Right Now.&#x2122;&#xa0;<br> &#xa0;<br> For more information, visit mSupply.com.&#xa0;</span></p> </div> </div> <div>&#xa0;</div> <div><span style><span style=";"><b><u>Job Summary</u></b></span></span></div> <div><span style><span style=";">The Sr. React Engineer is a front-end specialist who leads the design and development of modern, responsive, and accessible user experiences for mSupply&apos;s web applications using React and Next.js. Working alongside backend .NET engineers, designers, and Product Owners, this engineer owns the React/Next.js/TypeScript front-end architecture, establishes UI engineering standards, and mentors other engineers. The role consumes C#/.NET Web APIs hosted on Microsoft Azure and partners closely with full-stack peers to deliver end-to-end features. This is a fully remote position based in the United States.</span></span></div> <div><span style><span style=";"><b><u>Job Duties &amp; Responsibilities</u></b></span></span></div> <ul> <li><span style><span style=";">Lead the design and development of front-end features using React, Next.js, TypeScript, and modern JavaScript tooling</span></span></li> <li><span style><span style=";">Architect and evolve Next.js applications leveraging the App Router, server components, server actions, route handlers, middleware, and ISR/SSR/SSG rendering strategies</span></span></li> <li><span style><span style=";">Define and evolve front-end architecture, component libraries, design systems, and reusable patterns across applications</span></span></li> <li><span style><span style=";">Consume and integrate with ASP.NET Web APIs and Azure-hosted services built by backend engineering peers</span></span></li> <li><span style><span style=";">Build responsive, performant, and accessible (WCAG 2.1 AA) user interfaces that work across modern browsers and devices</span></span></li> <li><span style><span style=";">Collaborate with UX designers to translate wireframes, prototypes, and design tokens into production-quality React/Next.js components</span></span></li> <li><span style><span style=";">Establish and uphold front-end coding standards, testing strategies, and performance budgets (Core Web Vitals, bundle size, caching)</span></span></li> <li><span style><span style=";">Implement and maintain client- and server-side state management, routing, authentication (e.g., MSAL / Entra ID), and API integration patterns</span></span></li> <li><span style><span style=";">Lead code reviews, provide mentorship, and coach engineers on front-end best practices and modern React/Next.js patterns</span></span></li> <li><span style><span style=";">Partner with Solution Architects to ensure the front-end aligns with overall system architecture and security standards</span></span></li> <li><span style><span style=";">Contribute to CI/CD pipelines in Azure DevOps for building, testing, and deploying Next.js applications to Azure (App Service, Static Web Apps, or containerized hosting)</span></span></li> <li><span style><span style=";">Investigate and resolve complex UI bugs, performance issues, and accessibility findings</span></span></li> <li><span style><span style=";">Stay current with the React and Next.js ecosystems and advocate for adoption where it benefits the team</span></span></li> </ul> <div><span style><span style=";"><b><u>Qualifications</u></b></span></span></div> <ul> <li><span style><span style=";">Bachelor&apos;s degree in Computer Science, Software Engineering, or a related technical field, or equivalent professional experience</span></span></li> <li><span style><span style=";">5+ years of professional front-end software engineering experience, with at least 3+ years focused on React</span></span></li> <li><span style><span style=";">2+ years of hands-on production experience building applications with Next.js (App Router preferred)</span></span></li> <li><span style><span style=";">Expert-level proficiency with React, TypeScript, HTML5, CSS3, and modern JavaScript (ES2020+)</span></span></li> <li><span style><span style=";">Deep experience with React patterns including hooks, context, suspense, server components, and performance optimization</span></span></li> <li><span style><span style=";">Strong understanding of Next.js rendering strategies (SSR, SSG, ISR, RSC), caching, routing, data fetching, and middleware</span></span></li> <li><span style><span style=";">Hands-on experience with modern state-management and data-fetching approaches (React Query/TanStack Query, Redux Toolkit, Zustand, SWR, or similar)</span></span></li> <li><span style><span style=";">Strong experience building and maintaining shared component libraries and design systems (e.g., Tailwind CSS, shadcn/ui, MUI, or similar)</span></span></li> <li><span style><span style=";">Experience consuming RESTful Web APIs built with ASP.NET / C# and deployed to Microsoft Azure</span></span></li> <li><span style><span style=";">Working knowledge of authentication patterns for Azure/Microsoft ecosystems (MSAL, NextAuth/Auth.js, OAuth 2.0, OpenID Connect, Entra ID)</span></span></li> <li><span style><span style=";">Proficiency with front-end testing tools such as Jest, React Testing Library, Playwright, or Cypress</span></span></li> <li><span style><span style=";">Demonstrated understanding of accessibility standards (WCAG 2.1), responsive design, and cross-browser compatibility</span></span></li> <li><span style><span style=";">Familiarity with Azure DevOps, Git, and CI/CD pipelines for deploying Next.js applications (Azure App Service, Static Web Apps, or containers)</span></span></li> <li><span style><span style=";">Proven track record of mentoring engineers and leading front-end initiatives to successful delivery</span></span></li> <li><span style><span style=";">Preferred: hands-on experience leading AI-first development using Claude Code or similar AI coding assistants (e.g., GitHub Copilot, Cursor) to accelerate front-end delivery, improve code quality, and establish team practices for effective AI-assisted engineering</span></span></li> <li><span style><span style=";">Excellent written and verbal communication skills and a collaborative, product-minded approach</span></span></li> <li><span style><span style=";">Experience in an Agile/Scrum environment with distributed and/or offshore teams is preferred</span></span></li> </ul> <div><span style><span style=";"><b><u>Physical Demands &amp; Work Environment</u></b></span></span></div> <ul> <li><span style><span style=";">Primarily sedentary work, requiring extended periods of sitting while working at a computer</span></span></li> <li><span style><span style=";">Ability to communicate effectively in person, via phone, and through virtual collaboration tools</span></span></li> <li><span style><span style=";">Occasional standing, walking, and movement during meetings, site visits, or travel</span></span></li> <li><span style><span style=";">Ability to lift and carry light materials (up to 15 lbs) occasionally, such as a laptop or presentation materials</span></span></li> <li><span style><span style=";">Ability to travel periodically for business needs, including visiting distribution centers, suppliers, stores, or industry events</span></span></li> <li><span style><span style=";">Office environment includes standard business equipment such as computers, phones, and conferencing tools</span></span></li> </ul> <div><span style><span style=";"><b><u>What We Offer</u>:</b></span></span></div> <div><span style><span style=";">We prioritize your well-being from day one with a comprehensive benefits package that includes:</span></span></div> <ul> <li><span style><span style=";">Medical, dental, vision, and prescription coverage effective immediately</span></span></li> <li><span style><span style=";">401(k) plan with company contributions</span></span></li> <li><span style><span style=";">Life insurance and short- and long-term disability coverage</span></span></li> <li><span style><span style=";">HSA/FSA options and an Employee Assistance Program (EAP)</span></span></li> <li><span style><span style=";">Paid time off, including vacation, holidays, and personal days</span></span></li> <li><span style><span style=";">Weekly pay, employee discounts, and more</span></span></li> </ul> <div><span style><span style=";"><b>Equal Employment Opportunity &amp; Pre-Employment Requirements</b></span></span></div> <div><span style><span style=";">mSupply is an Equal Opportunity Employer. We make employment decisions without regard to sex, age, race, color, creed, religion, national origin, citizenship or immigration status, sexual orientation, gender identity or expression, disability, genetic information, marital status, veteran or military status, or any other status protected by applicable federal, state, or local law.</span></span></div> <div><span style>&#xa0;</span></div> <div><span style><span style=";">We are committed to providing reasonable accommodations for qualified individuals with disabilities and to applicants with sincerely held religious beliefs, in accordance with applicable law. To request a reasonable accommodation, please contact <a href="mailto:careers@msupply.com">careers@msupply.com</a>.</span></span></div> <div><span style>&#xa0;</span></div> <div><span style><span style=";">Final offers of employment may be contingent upon completion of job-related pre-employment checks and screenings permitted by law for the position. For roles that require operation of a company vehicle, a Motor Vehicle Record (MVR) check may also be conducted to determine insurability. This employer participates in E-Verify to confirm employment eligibility in the United States.</span></span></div> </div> </div></span></div><br>