Frontend Developer – Lead | Onsite | Chennai

Lead Frontend Engineer | SRM Tech | OnsiteAbout SRM TechSRM 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 WFOWork 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 Qualifications10+ years of frontend/web engineering experience3+ years of production experience with Next.jsExpert knowledge of React, TypeScript, and browser fundamentalsAdditional qualificationsDeep experience with:Styling systems and UI architectureState management patternsReal-time frontend systemsProven track record of leading frontend architecture at scaleCore ResponsibilitiesFrontend Architecture / System DesignDesign scalable, maintainable frontend architectures for complex web applicationsDefine application structure, module boundaries, and shared component strategiesDrive decisions around:Rendering models (SSR,SSG, ISR, CSR)Styling architectureState and data flowApply architectural patterns such as:Component-driven architectureFeature/domain-based organizationMicro-frontend patterns (when justified)Maintain architecture documentation, diagrams, and ADRsFrontend Engineering (Hands-on)Build and maintain production-grade applications using Next.js (3+ years) and modern ReactWrite clean, maintainable TypeScriptDesign and evolve reusable component libraries and design systemsLead code reviews focusing on architecture, performance, and long-term maintainability Styling / UI ArchitectureDesign and enforce scalable styling strategies using a mix of:CSS ModulesStyled-components / EmotionUtility-first CSS (Tailwind or similar)Traditional CSS / SCSS where appropriateMake informed trade-offs between:Runtime vs build-time stylingGlobal vs scopedstylesDesign system tokensvs local overridesBuild and maintain:Theming systemsResponsive and adaptive layoutsCross-browser and cross-device compatibilityEnsure styling consistency and avoid CSS leakage and specificity issuesState ManagementArchitect complex state systems with clear separation of concerns:Server state vs client state vs UI stateHands-on experience with state libraries such as:Redux / Redux ToolkitZustand, Recoil, JotaiReact Query / TanStack QueryManage real-time and shared state across views and sessionsPrevent unnecessary re-renders and state couplingReal-Time CommunicationBuild real-time features using:WebSocketsServer-Sent Events (SSE)WebRTC (where applicable)Design client-side subscription models, reconnection logic, and data consistency strategiesCoordinate real-time data flow with backend services and message brokersPerformance EngineeringOwn frontend performance strategy across the stack:Code splitting and dynamic importsBundle size analysis and optimizationRendering optimization and memoizationVirtualization for large listsOptimize Core Web Vitals (LCP, CLS, INP)Use performance tooling (Lighthouse, Web Vitals, browser profilers)Security and ReliabilityImplement frontend security best practices:XSS, CSRF, clickjacking mitigationSecure auth flows (OAuth2, JWT, session-based)Safe handling of tokens and secretsUnderstand browser security, CORS, and content security policies (CSP)Ensure safe usage of third-party libraries and SDKsLibraries, Tooling EcosystemStrong 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, TurbopackBabel, ESLint, PrettierTesting libraries:Jest, VitestReact Testing LibraryPlaywright / Cypress for E2EDevOps DeliveryWork with CI/CD pipelines for frontend builds and deploymentsExperience with CDN, caching strategies, and edge deploymentsCollaborate with DevOps on observability:Error tracking (Sentry or similar)Frontend monitoring and loggingTechnical LeadershipOwn frontend technical standards and best practicesMentor frontend engineers and review architectural designsCollaborate closely with backend engineers and solution architectsAct as frontend representative in cross-team architecture discussionsSRM 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.