Frontend Developer – Lead | Onsite | Chennai

Lead Frontend Engineer | SRM Tech | Onsite

About SRM Tech

SRM Technologies is a global digital and engineering partner delivering capabilities across data and AI, enterprise platforms, embedded and platform engineering, supply chain, and design-to-manufacturing services.

We work across high-impact industries such as Mobility, Life Sciences, Healthcare, and Logistics, supporting enterprises across North America, APAC, and Europe in building intelligent, future-ready ecosystems and driving transformation at scale.

As a Great Place to Work®-certified organization, we are committed to creating an environment where people can learn, grow, and thrive. We believe empowered individuals drive innovation, deliver value to customers, and play a meaningful role in shaping our collective success.

At SRM Tech, every contribution matters, and we are always looking for passionate individuals who are eager to shape their careers with us.

Work Mode: Onsite/ 5 days WFO

Work Location : Chennai

Preferred Experience: 15 - 18 years

About the Role:

We are hiring a Lead Frontend Engineer with 15+ 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 why certain styling, state, and library choices scale better over time.

Required Qualifications

• 10+ years of frontend/web engineering experience
• 3+ years of production experience with Next.js
• Expert knowledge of React, TypeScript, and browser fundamentals

Additional qualifications

• Deep experience with:
• Styling systems and UI architecture
• State management patterns
• Real-time frontend systems
• Proven track record of leading frontend architecture at scaleCore Responsibilities

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
• State and data flow
• Apply architectural patterns such as:
• Component-driven architecture
• Feature/domain-based organization
• 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 scopedstyles
• Design system tokensvs 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
• Hands-on experience with state libraries such as:
• Redux / Redux Toolkit
• Zustand, Recoil, Jotai
• React Query / TanStack Query
• 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)
• 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)
• 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

• 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)
• Data visualization (D3, Recharts, Chart.js)
• Expertise in build and tooling ecosystem:
• Webpack, Vite, Turbopack
• Babel, ESLint, Prettier
• Testing libraries:
• Jest, Vitest
• React Testing Library
• Playwright / Cypress for E2EDevOps 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 frontend representative in cross-team architecture discussions

SRM Tech is an equal opportunity employer committed to diversity, equity, inclusion, and belonging. We make all hiring decisions based on merit, without bias or discrimination, in line with applicable laws.