React (NextJS) Lead

The React / Next.js Lead is responsible for driving the architecture, design, and technical leadership of large-scale, high-performance web applications using React, Next.js, TypeScript, and modern frontend tooling. This role oversees multiple developers, establishes coding standards, defines best practices, and partners with architects to modernize legacy web platforms into a modern, cloud-ready front-end ecosystem. The React Lead ensures the front-end codebase is scalable, accessible, performant, secure, and aligned with enterprise design systems and backend integration patterns.Location - Irving, TXKey Responsibilities1. Technical Leadership & Frontend ArchitectureLead the technical direction for the React and Next.js codebase, ensuring modularity, scalability, and maintainability.Define architectural patterns including:Component architecture and atomic designLayout systemsState management strategy (Redux, RTK Query, Zustand, Recoil, Context API)Routing and navigation patterns in Next.jsSSR, ISR, SSG strategiesWork closely with the Web Architect to align on frontend technical vision.Establish standards for folder structure, naming conventions, code patterns, and component documentation.2. Next.js Framework OwnershipDefine the strategy for:Server-Side Rendering (SSR)Static Site Generation (SSG)Incremental Static Regeneration (ISR)Edge rendering and caching policiesOptimize data-fetching using:getServerSideProps, getStaticProps, getStaticPathsNew Next.js App Router features (server components, client components)API routes, middleware, and edge functionsEnsure correct handling of hydration, loading states, caching, and route transitions.3. UI Engineering & Design System IntegrationLead integration with enterprise design systems (e.g., Storybook, Material UI, Chakra UI, custom component libraries).Ensure components follow accessibility guidelines (WCAG 2.1 AA).Enforce responsive design best practices across breakpoints, devices, and screen densities.Conduct UI performance optimization related to UI rendering, layout shifts, and Core Web Vitals.4. Performance Optimization & Core Web VitalsOwn performance tuning efforts for:Largest Contentful Paint (LCP)First Input Delay (FID)Cumulative Layout Shift (CLS)Time to Interactive (TTI)Memory usage and rendering speedOptimize bundling and build processes:Code splittingTree shakingLazy loadingServer and client-side cachingMonitor and diagnose performance issues using:LighthouseWeb Vitals reportsChrome DevToolsNext.js analyzer5. State Management & Data FlowsDefine enterprise-grade state management strategies using:Redux ToolkitRTK QueryZustandContext API + HooksReact Query / SWRImplement data normalization, caching layers, prefetching, optimistic updates, and error boundaries.Ensure predictable and traceable application state flows.6. Integration with Backend and BFF ServicesPartner with BFF developers to define efficient, secure data contracts.Implement authentication and authorization flows:OAuth2JWTSSO / SAML if applicableHandle robust error handling, retries, fallbacks, and data validation.Enforce secure API consumption patterns and CORS best practices.7. Code Quality, Reviews & MentorshipLead code reviews with a focus on:PerformanceSecurityMaintainabilityAccessibilityBest practices and style standardsMentor developers through pair programming, technical workshops, and architectural guidance.Define coding standards for:TypeScriptReact hooks usageCustom hooks developmentComponent reuseAPI consumption patterns8. Tooling, DevOps & CI/CD CollaborationCollaborate with DevOps to optimize:CI/CD pipelines for web buildsLinting and formatting tools (ESLint, Prettier)Automated testing frameworks (Jest, RTL, Cypress, Playwright)Static analysis toolsOptimize build performance and environment configuration through Next.js settings.9. Testing Strategy & Quality AssuranceDefine test hierarchy:Unit testsComponent testsIntegration testsE2E testsImplement testing frameworks:Jest + React Testing LibraryCypress or Playwright for E2EEnsure proper mocking of APIs, services, and data flows.10. Security, Privacy & GovernanceEnforce frontend security best practices:Avoiding XSS vulnerabilitiesSecuring API tokensSanitizing inputsPreventing CSRFUsing secure cookiesImplement role-based access controls and secure routing.Ensure compliance with enterprise standards for:Data separationUser accessPrivacy policiesLogging & observability11. DocumentationDocument architectural decisions (ADR logs).Maintain developer onboarding guides and coding standards.Create reusable component documentation and Storybook setups.Write technical specifications for complex front-end features.Required Skills & QualificationsTechnical Skills10+ years of frontend engineering with a specialization in React.3+ years of experience with Next.js in enterprise or production settings.Expert in:React (Hooks, Context, Custom Hooks, Lifecycle)Next.js App Router & Pages RouterTypeScriptHTML5, CSS3, Sass, Styled Components, Tailwind (or equivalent)Node.js, npm/yarnStrong understanding of:SSR, SSG, ISRWeb performance optimizationModern browser APIsResponsive and accessible designExperience integrating with REST, GraphQL, and WebSocket APIs.Additional (Nice-to-Have) SkillsExperience with micro-frontends or monorepos.Familiarity with:NXTurborepoWebpack, Rollup, ViteExperience building design systems and component libraries.Experience with Azure DevOps pipelines or GitHub Actions.Soft Skills & CompetenciesExcellent communication and leadership skills.Strong decision-making ability with architectural trade-offs.Collaborative mindset with cross-team empathy.Ability to mentor, coach, and elevate team capabilities.Strong ownership mentality and attention to detail.Ability to handle complex business requirements and break them into technical deliverables.Education & BackgroundBachelor's or Master's degree in Computer Science, Engineering, or equivalent practical experience.Portfolio of large-scale React/Next.js apps or open-source contributions preferred.About Us:InterSources Inc, a Certified Diverse Supplier, was founded in 2007 and offers innovative solutions to help clients with Digital Transformations across various domains and industries. Our history spans over 16 years and today we are an Award-Winning Global Software Consultancy solving complex problems with technology. We recognize that our employees and our clients are our strengths as the diverse talents and opportunities they bring to the table enable us to grow as a global platform and they are causally linked with our success.We provide strategic and technical advice, and we have expertise in areas covering Artificial Intelligence, Cloud Migration, Custom Software Development, Data Analytics Infrastructure & Cloud Solutions, Cyber Security Services, etc. We make reasonable accommodations for clients and employees and we do not discriminate based on any protected attribute including race, religion, color, national origin, gender sexual orientation, gender identity, age, or marital status. We also are a Google Cloud partner company.We align strategy with execution and provide secure service solutions by developing and using the latest technologies that thrive our resources to deliver industry-leading capabilities to our clients and customers, making it convenient for our clients to do business with InterSources Inc. Our teams also drive growth by refining technology-driven client experiences that put the users first, providing an unparalleled experience.This results in strengthening the core technologies of clients, enabling them to scale with flexibility, create seamless digital experiences and build lifelong relationships.