Frontend Architect

About the Role

hands-on

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

  Next.js

  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

  React.js

  (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

  Next.js

  (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).