Staff Frontend Engineer

TeamSnap

Get hot jobs first on Telegram

New positions appear faster in our channel

Location: United States
Job Type: full-time
Salary: $200,000
Posted: March 5, 2026

Job Description

At TeamSnap, we believe when the world connects through sports; the world becomes better. TeamSnap is a sports and communication platform dedicated to taking the work out of play in youth sports. We also believe our jobs should excite us, our teammates should support us and our bosses should inspire us. We empower our people to bring big ideas and tiny egos, landing us on Outside Magazine’s list of “Best Places to Work" and Built In’s “100 Best Remote-First Places to Work."

TeamSnap is seeking a Staff Frontend Web Application Engineer to join our fully distributed engineering team to help us continue our impressive growth from 2+ million daily active users to beyond! Our stack employs project generation tools and is built in Typescript with React.

As an engineering team, we build applications that serve millions of users and some of the largest youth and amateur sports organizations in the world. Our team values collaboration in a remote culture, so we regularly participate in pair sessions and virtual team swarms to stay connected.

What You’ll Do:

Design, build and optimize high-performance TypeScript & React SPAs powered by RESTful APIs for complex sports-organization workflows.
Collaborate with Product and Design to extend our design system with reusable, accessible components, theming, tokens and responsive patterns.
Advocate modern front-end practices—type safety, component-driven architecture, responsive layouts, and performance optimizations like lazy loading and caching strategies.
Partner with backend, mobile, QA, and product teams to define APIs, create and refine specs, shape architecture, and ensure end-to-end quality.
Mentor and up-level team members through code reviews, pairing, leading our web guild, etc to elevate our practices and craft.
Ensure reliability by writing unit, integration, and E2E tests, integrating with CI/CD, and rotating on-call to diagnose and resolve incidents.
Lead projects to improve our coding practices and principles along with build performance, test infrastructure, and CI/CD workflows—driving adoption and reducing cycle-time friction for the team.
Evaluate and adopt AI-driven tooling—code generation assistants, refactoring bots, LLM-powered test generation—to boost velocity and quality.
Continuously explore emerging web technologies (e.g. micro-frontends) and make data-driven recommendations to keep TeamSnap moving forward using relevant technologies and practices.

What Will Set You Up for Success:

8+ years building production-scale web applications with React, advanced TypeScript, and modern toolchains (Vite, Webpack, or similar).
2+ years in a Staff/Tech-Lead role shaping frontend vision, driving standards, and mentoring senior engineers.
Proven record integrating REST services and managing complex UI state with Context API, Redux, Zustand, or equivalent.
Hands-on experience architecting or evolving component libraries/design systems with a strong emphasis on responsive, mobile-first design with design tokens and theming techniques.
Demonstrated high-quality delivery through automated tests (unit, snapshot, E2E), configuring CI/CD workflows, and using observability tools to measure performance and error rates.
Comfortable shaping RESTful APIs alongside backend teams, defining type-safe data contracts and handling async state in complex UI flows.
Strong interpersonal skills with the ability to give and receive constructive feedback, mentor engineers, influence cross-team alignment and articulate technical trade-offs to non-technical stakeholders

Bonus:

Experience with micro-frontend architectures and/or SSR frameworks.
Familiarity with performance profiling (Lighthouse, Web Vitals) and advanced caching/CDN strategies.
Demonstrated ability to leverage AI assistants, code-generation tools, or LLM services to streamline development tasks, improve DX, or prototype new features.

Got cold feet? If you’re thinking you don’t meet 100% of the above qualifications, you should still seriously consider applying. We’re all humans with special talents that go beyond what’s listed here.

Compensation

We’re committed to equitable compensation for all TeamSnappers. The minimum starting point for this role is $200,000 inclusive of base and bonus, with comp updated based on multiple factors. Our comp is highly competitive in our space and we adjust overall comp based on relevant experience, skills, certifications, and geographic location.

🖥 Location

TeamSnap is a fully remote company, so you need to be very comfortable working with people who aren’t in the same time zone as you. We are always expanding, but there is a small list of states we do not hire in, including Alabama, Alaska, Delaware, District of Columbia, Hawaii, Iowa, Louisiana, Mississippi, Nebraska, New Mexico, Rhode Island, South Dakota and West Virginia and while we love all parts of the world, we can only hire permanent US residents at this time.

🚀 Opportunities to Grow

At TeamSnap, we work hard to provide a culture of trust, accountability, inclusivity, and boundless opportunities to grow, along with the chance to make a lasting impact and have some fun while doing it.

🎩 Total Rewards

• We're proud to be remote-first. We've been remote since 2009, long before COVID made it cool

• Unlimited PTO and paid parental leave for ALL parents (not just primary or secondary)

• 100% premium coverage of medical/dental/vision for you and your family

• 401K to help you invest for the future

• $1,500 annual learning and development stipend

• Travel to fun locations for all-company meetings and team events

• Generous home office allowance to set you up for success

• TeamSnap SWAG to our store upon starting and a $50 credit on every work anniversary thereafter

• A monthly stipend reimbursement for health & wellness and so much more!

• TeamSnap Total Rewards

🏆 Working at TeamSnap

At TeamSnap, you're not a culture fit, you're a culture add. Check out our Culture Playbook and learn how we succeed at being remote-first, what makes our company so unique, and how we're inspired by our people, our customers, and our values.

🧡 Inclusion and Diversity

Creativity and innovation can't thrive when we're cookie-cutter images of each other. We’re quickly growing more diverse, but there's always room for improvement. We are committed to inclusion and diversity at TeamSnap, and we hold ourselves accountable for building an environment where everyone feels valued. If you need any disability-related adaptation during the recruitment process, just let us know! We are an Equal Employment Opportunity Employer.

🎯 Who is this job for?

This role is ideal for a Staff Frontend Engineer with 8+ years of experience building large-scale web applications using React and advanced TypeScript. It suits a technical leader who can architect scalable SPAs, evolve design systems, define API contracts with backend teams, and drive frontend standards, performance, and testing practices. You should be comfortable mentoring engineers, leading cross-team initiatives, optimizing CI/CD and developer workflows, and adopting modern tooling (including AI-assisted development) in a high-traffic product environment.

💬 Potential Interview Questions

How would you architect a scalable React + TypeScript SPA that supports millions of daily users?
I would design a modular, component-driven architecture with strict TypeScript typing, efficient state management, and clear API boundaries. Performance strategies such as code splitting, lazy loading, and caching help ensure scalability and responsiveness.
How do you design and evolve a reusable design system for a large web platform?
I build a centralized component library with design tokens, theming support, and strong accessibility standards. Clear documentation and versioning ensure consistent adoption across teams.
What strategies do you use to manage complex state in large React applications?
I distinguish between server state and client UI state, using tools like Redux, Zustand, or Context depending on complexity. Predictable state flows and memoized selectors help avoid unnecessary re-renders.
How do you ensure high performance in React applications used on both desktop and mobile devices?
I optimize rendering through memoization, virtualization for large lists, and minimizing bundle sizes. Monitoring tools like Lighthouse and Web Vitals help identify and resolve performance bottlenecks.
Describe your approach to writing reliable automated tests in frontend systems.
I combine unit tests for components, integration tests for workflows, and end-to-end tests for key user journeys. CI pipelines enforce test coverage and ensure reliability before releases.
How do you collaborate with backend teams to design REST APIs for frontend needs?
I help define clear, type-safe data contracts and ensure endpoints support efficient UI interactions. Early collaboration prevents over-fetching and reduces complexity in the frontend layer.
How do you mentor engineers and elevate frontend engineering standards across teams?
I conduct thoughtful code reviews, run pairing sessions, and share architectural guidelines. Encouraging knowledge sharing helps create a culture of continuous improvement.
What is your approach to improving developer experience (DX) in a large frontend codebase?
I optimize build pipelines, reduce CI/CD friction, improve local development setup, and automate repetitive tasks. Clear tooling and documentation help engineers move faster.
How would you evaluate adopting micro-frontends or other emerging frontend architectures?
I assess team structure, deployment independence, and long-term maintenance costs. If the complexity is justified by scaling needs, I implement clear boundaries and shared standards.
How do you leverage AI tools in your frontend engineering workflow?
I use AI assistants for code generation, refactoring, test scaffolding, and documentation while maintaining strict review processes. AI helps accelerate development without replacing engineering judgment.

📋 Job Summary

TeamSnap is a leading sports management and communication platform serving 2M+ daily active users across youth and amateur sports organizations. We’re hiring a Staff Frontend Engineer (Remote, US) to architect and scale high-performance web applications using React, TypeScript, and modern frontend tooling while extending a robust design system and improving developer workflows. You’ll lead frontend strategy, mentor engineers, and drive best practices across performance, testing, and CI/CD in a highly collaborative remote team. This role offers highly competitive compensation starting at $200K+ (base + bonus) along with excellent benefits, giving you the opportunity to shape products used by millions while helping teams focus more on play and less on logistics.