Front End Supervisor

About the Role

We are seeking an exceptional and
hands-on
React Architect to lead the design, development, and evolution of our next-generation front-end applications. This role is a critical blend of technical leadership and active coding, requiring you to define the architectural blueprint for highly scalable, performant, and maintainable user interfaces, while also rolling up your sleeves to build core frameworks, complex components, and challenging proof-of-concepts. You will be the ultimate authority on our front-end technology stack, coding standards, and best practices.

Key Responsibilities

Architectural Leadership (50%)

• Define and Govern Architecture:
  Lead the architectural design for large-scale React applications (including Monorepos, Micro Frontends, and Server-Side Rendering (SSR)/Static Site Generation (SSG) with frameworks like
  
  or
  Gatsby
  ).
• Technology Strategy:
  Evaluate, select, and champion new front-end technologies, libraries, and tools to maintain a leading-edge and efficient development environment.
• Scalability & Performance:
  Design solutions focused on optimal performance, including aggressive component lazy loading, efficient state management, large list virtualization, and advanced bundling/caching strategies (Webpack/Rollup).
• Technical Roadmap:
  Create and manage the long-term technical roadmap for the front-end platform, ensuring alignment with business goals and non-functional requirements (e.g., security, accessibility -
  WCAG
  ).

Hands-On Development (40%)

• Core Component Development:
  Write high-quality, reusable, and testable code to create foundational UI libraries, design systems, and complex, high-performance components.
• Proof-of-Concepts (PoCs):
  Develop prototypes and PoCs for new features or architectural changes to validate feasibility and provide an implementation blueprint for development teams.
• Code Quality & Standards:
  Conduct rigorous, in-depth code reviews, setting an uncompromising standard for code structure, component patterns, and adherence to established guidelines.
• Troubleshooting:
  Act as the highest level of technical escalation for complex, systemic production issues, performance bottlenecks, and elusive bugs.

Mentorship & Collaboration (10%)

• Mentorship:
  Provide technical guidance, coaching, and mentorship to senior and mid-level engineers on architectural decisions, coding best practices, and performance optimization techniques.
• Cross-Functional Alignment:
  Collaborate closely with Product Managers, UX/UI Designers, and Backend Architects to ensure a unified technical vision and seamless integration between front-end and microservices/APIs (REST,
  GraphQL
  ).

Required Technical Expertise

• Experience:
  8+ years in front-end development, with at least
  3+ years in a hands-on Architect or Principal Engineer role
  focused on React.
• React Ecosystem Mastery:
  Deep, demonstrable expertise in
  
  (Hooks, Context API) and its core principles (
  Virtual DOM, Reconciliation
  ).
• Advanced JavaScript/TypeScript:
  Expert proficiency in
  TypeScript
  and modern
  ES6+
  JavaScript features, functional programming, and object-oriented patterns.
• State Management:
  Expert knowledge of a major state management library (
  Redux/Redux Toolkit, MobX, Recoil, or Zustand
  ) and proficiency in designing custom, performant state containers.
• Modern Frameworks:
  Hands-on experience architecting applications using
  
  (preferred) or another meta-framework, understanding the trade-offs between CSR, SSR, and SSG.
• Testing & CI/CD:
  Expert in defining and implementing unit, integration, and end-to-end testing strategies (
  Jest, React Testing Library, Cypress
  ). Strong understanding of front-end CI/CD pipelines (e.g., Jenkins, GitLab, Vercel).
• Performance Optimization:
  Proven ability to diagnose and resolve complex performance issues using tools like Chrome DevTools, Lighthouse, and profiling tools. Deep understanding of Core Web Vitals.
• Styling:
  Experience with modern styling solutions like
  CSS-in-JS (Styled-Components, Emotion)
  or utility-first frameworks (
  Tailwind CSS
  ), and designing scalable style architecture.
• APIs:
  Strong command of asynchronous programming, data fetching strategies, and integration with
  RESTful services and/or GraphQL
  .

Qualifications

• Bachelor's or Master's degree in Computer Science, Engineering, or a related field (or equivalent practical experience).