Frontend Engineer Lead

ConsultBae India Pvt. Ltd.; Faridabad District; On-site; INR 4,000,000 - 7,000,000; Full time

Job summary

ConsultBae India Pvt. Ltd. is seeking a Lead Frontend Engineer with 10+ years of experience to own frontend architecture, performance, real-time communication, and scalable UI systems.

The role emphasizes deep understanding of why styling, state, and library choices scale over time, beyond just building UIs. You will design scalable frontend architectures, guide SSR/CSR decisions, and lead efforts on component libraries, design systems, and performance optimizations across Next.js and React.

Qualifications

• 10+ years frontend/web engineering experience.
• Expert knowledge of React, TypeScript, and browser fundamentals.
• Hands-on with Next.js and modern frontend stacks.

Responsibilities

• Own frontend architecture and system design for complex apps.
• Lead code reviews focusing on architecture, performance, and maintainability.
• Design scalable styling strategies and component libraries.
• Develop real-time features and client-server state integration.
• Collaborate with backend, DevOps, and design teams.

Skills

Frontend architecture

Performance tuning

UI systems

Real-time features

TypeScript

React

Next.js

Redux Toolkit

React Query

Tools

Next.js

React

TypeScript

Redux Toolkit

React Query

Vite

Webpack

Testing Library

Playwright/Cypress

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.