Senior Frontend Architect

Senior Frontend Architect (React, Next.js, TypeScript, Web Performance)

This role is for engineers who care deeply about frontend architecture, user experience, performance, and maintainability. Most of our work involves building large-scale web applications, establishing frontend standards, and solving problems that only appear when products reach real users at scale.

We're looking for someone who can design frontend systems that remain maintainable as teams grow from a few developers to dozens. The ideal candidate understands that frontend architecture is not about choosing frameworks—it's about creating predictable systems that can evolve without becoming technical debt.

What You'll Work On

• Define and maintain frontend architecture standards across multiple projects.
• Lead development of large-scale React and Next.js applications.
• Design reusable component systems and internal UI frameworks.
• Establish frontend performance budgets and optimization strategies.
• Create scalable state management patterns.
• Drive accessibility, SEO, and Core Web Vitals initiatives.
• Implement frontend observability and monitoring solutions.
• Mentor frontend engineers and conduct architecture reviews.
• Collaborate with backend teams to optimize API consumption patterns.
• Reduce complexity in codebases through architectural improvements.

Things We Wish We Had Known Earlier

Most frontend scaling problems are architecture problems disguised as feature requests.

Applications rarely fail because React is slow. They fail because state becomes impossible to reason about, components become tightly coupled, and teams lose confidence when making changes.

We've seen applications where a single user interaction triggered more than 50 unnecessary component re-renders. Proper memoization, state isolation, and rendering strategies reduced interaction latency from 800ms to under 100ms.

We've also seen bundle sizes grow beyond 2MB due to uncontrolled dependencies. Careful code splitting and lazy loading reduced initial JavaScript payloads by more than 65%, significantly improving user experience on slower devices.

Required Technical Skills

• Expert-level TypeScript experience.
• Advanced React and Next.js architecture knowledge.
• Frontend system design expertise.
• State management using Redux, Zustand, Context API, or similar solutions.
• Design systems and component library development.
• Web performance optimization.
• Accessibility (WCAG) implementation.
• SSR, SSG, ISR, and hydration strategies.
• Micro-frontend architecture experience.
• Modern testing practices using Playwright, Cypress, Jest, and React Testing Library.
• Frontend security best practices.
• CI/CD integration for frontend applications.
• Frontend observability and monitoring.

Example Architecture Pattern We Use

Centralized API layer with request deduplication and caching:

import { QueryClient } from "@tanstack/react-query";

export const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      staleTime: 60000,
      retry: 2,
      refetchOnWindowFocus: false
    }
  }
});

export function useUserProfile(userId: string) {
  return useQuery({
    queryKey: ["user", userId],
    queryFn: () => fetch(`/api/users/${userId}`)
      .then(res => res.json())
  });
}

This pattern significantly reduced duplicate API requests and improved perceived application responsiveness across high-traffic pages.

Performance Expectations

• Largest Contentful Paint below 2.5 seconds.
• First Input Delay below 100 milliseconds.
• Core Web Vitals passing on production traffic.
• JavaScript bundle size budgets enforced in CI.
• Component rendering optimized for complex interfaces.
• Accessibility compliance integrated into development workflows.

Frontend Architecture Example

Application
  ↓
Routing Layer
  ↓
Feature Modules
  ↓
Shared Components
  ↓
State Management
  ↓
API Layer
  ↓
Backend Services

Engineers joining the team should understand where architectural boundaries should exist and how those boundaries help maintain long-term scalability.

Monitoring & Observability

• Real User Monitoring (RUM).
• Frontend performance analytics.
• Error tracking and aggregation.
• Session replay debugging.
• Core Web Vitals monitoring.
• Performance regression detection.

A significant portion of frontend architecture involves understanding how applications behave in production. Experience investigating rendering bottlenecks, memory leaks, hydration issues, and performance regressions is highly valued.

Nice To Have

• Micro-frontend implementation experience.
• Module Federation expertise.
• WebAssembly familiarity.
• Progressive Web Application development.
• Design system leadership experience.
• Frontend platform engineering experience.
• Enterprise-scale application architecture.

What Success Looks Like

• Frontend applications remain maintainable as teams scale.
• Performance metrics consistently improve.
• Development velocity increases without sacrificing quality.
• Shared architecture patterns reduce duplicated effort.
• Users experience fast, accessible, and reliable interfaces.
• Technical decisions are supported by measurable outcomes.

This role is focused on building frontend systems that can support long-term product growth. We value engineers who think beyond individual features and care about creating foundations that enable teams to move faster for years to come.