HamburgerMenu
hirist

Lead Frontend Engineer - React.js/Next.js

ConsultBae
10 - 15 Years
rupee35-37 LPA
Chennai

Posted on: 13/06/2026

Job Description

We are hiring a Lead Frontend Engineer with 10+ years of experience to own frontend architecture, performance, real-time communication, and UI systems at scale.


This role is for an engineer who understands not only how to build UIs but also why certain styling, state, and library choices scale better over time.

The core responsibilities for the job include the following :

Frontend Architecture / System Design :

- Design scalable, maintainable frontend architectures for complex web applications.

- Define application structure, module boundaries, and shared component strategies.

- Drive decisions around : Rendering models (SSR, SSG, ISR, CSR), Styling architecture, and State and data flow.

- Apply architectural patterns such as : Component-driven architecture, Feature/domain-based organization, and Micro-frontend patterns (when justified).

- Maintain architecture documentation, diagrams, and ADRs.

Frontend Engineering (Hands-on) :

- Build and maintain production-grade applications using Next.js (3+ years) and modern React.

- Write clean, maintainable TypeScript.

- Design and evolve reusable component libraries and design systems.

- Lead code reviews focusing on architecture, performance, and long-term maintainability styling / UI Architecture.

- Design and enforce scalable styling strategies using a mix of : CSS Modules, Styled-components / Emotion, Utility-first CSS (Tailwind or similar), Traditional CSS / SCSS where appropriate.

- Make informed trade-offs between : Runtime vs build-time styling, Global vs scoped styles, and Design system tokens vs local overrides.

- Build and maintain : Theming systems, Responsive and adaptive layouts, Cross-browser and cross-device compatibility.

- Ensure styling consistency and avoid CSS leakage and specificity issues.

State Management :

- Architect complex state systems with clear separation of concerns : Server state vs. client state vs. UI state.

- Manage real-time and shared state across views and sessions.

- Prevent unnecessary re-renders and state coupling.

Real-Time Communication :

- Build real-time features using WebSockets, Server-Sent Events (SSE), and WebRTC (where applicable).

- Design client-side subscription models, reconnection logic, and data consistency strategies.

- Coordinate real-time data flow with backend services and message brokers.

Performance Engineering :

- Own frontend performance strategy across the stack : Code splitting and dynamic imports, Bundle size analysis and optimization, Rendering optimization and memoization, Virtualization for large lists.

- Optimize Core Web Vitals (LCP, CLS, INP).

- Use performance tooling (Lighthouse, Web Vitals, browser profilers).

Security and Reliability :

- Implement frontend security best practices : XSS, CSRF, clickjacking mitigation, Secure auth flows (OAuth2 JWT, session-based), and Safe handling of tokens and secrets.

- Understand browser security, CORS, and content security policies (CSP).

- Ensure safe usage of third-party libraries and SDKs Libraries, Tooling Ecosystem.

- Expertise in build and tooling ecosystems : Webpack, Vite, Turbopack, Babel, ESLint, and Prettier.

- Testing libraries : Jest, Vitest, React Testing Library, Playwright / Cypress for E2E.

DevOps Delivery :

- Work with CI/CD pipelines for frontend builds and deployments.

- Experience with CDN, caching strategies, and edge deployments.

- Collaborate with DevOps on observability : Error tracking (Sentry or similar), Frontend monitoring and logging.

Technical Leadership :

- Own frontend technical standards and best practices.

- Mentor frontend engineers and review architectural designs.

- Collaborate closely with backend engineers and solution architects.

- Act as a frontend representative in cross-team architecture discussions.

Requirements :

- Strong experience evaluating and integrating frontend libraries, including UI libraries (MUI, Ant Design, Chakra, Radix, Headless UI), Form libraries (React Hook Form, Formik), Validation libraries (Zod, Yup), and Data visualization (D3 Recharts, Chart.js ).

- Hands-on experience with state libraries such as Redux / Redux Toolkit, Zustand, Recoil, Jotai, and React Query / TanStack Query.

Must have :

- 10+ years of frontend/web engineering experience.

- 3+ years of production experience with Next.js .

- Expert knowledge of React, TypeScript, and browser fundamentals.

info-icon

Did you find something suspicious?

Similar jobs that you might be interested in

Loading chat...