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, TX

Key Responsibilities
1. Technical Leadership & Frontend Architecture

Lead the technical direction for the React and Next.js codebase, ensuring modularity, scalability, and maintainability.
Define architectural patterns including:

Component architecture and atomic design
Layout systems
State management strategy (Redux, RTK Query, Zustand, Recoil, Context API)
Routing and navigation patterns in Next.js
SSR, ISR, SSG strategies

Work 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 Ownership

Define the strategy for:

Server-Side Rendering (SSR)
Static Site Generation (SSG)
Incremental Static Regeneration (ISR)
Edge rendering and caching policies

Optimize data-fetching using:

getServerSideProps, getStaticProps, getStaticPaths
New Next.js App Router features (server components, client components)
API routes, middleware, and edge functions

Ensure correct handling of hydration, loading states, caching, and route transitions.
3. UI Engineering & Design System Integration

Lead 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 Vitals

Own performance tuning efforts for:

Largest Contentful Paint (LCP)
First Input Delay (FID)
Cumulative Layout Shift (CLS)
Time to Interactive (TTI)
Memory usage and rendering speed

Optimize bundling and build processes:

Code splitting
Tree shaking
Lazy loading
Server and client-side caching

Monitor and diagnose performance issues using:

Lighthouse
Web Vitals reports
Chrome DevTools
Next.js analyzer

5. State Management & Data Flows

Define enterprise-grade state management strategies using:

Redux Toolkit
RTK Query
Zustand
Context API + Hooks
React Query / SWR

Implement data normalization, caching layers, prefetching, optimistic updates, and error boundaries.
Ensure predictable and traceable application state flows.
6. Integration with Backend and BFF Services

Partner with BFF developers to define efficient, secure data contracts.
Implement authentication and authorization flows:

OAuth2
JWT
SSO / SAML if applicable

Handle robust error handling, retries, fallbacks, and data validation.
Enforce secure API consumption patterns and CORS best practices.
7. Code Quality, Reviews & Mentorship

Lead code reviews with a focus on:

Performance
Security
Maintainability
Accessibility
Best practices and style standards

Mentor developers through pair programming, technical workshops, and architectural guidance.
Define coding standards for:

TypeScript
React hooks usage
Custom hooks development
Component reuse
API consumption patterns

8. Tooling, DevOps & CI/CD Collaboration

Collaborate with DevOps to optimize:

CI/CD pipelines for web builds
Linting and formatting tools (ESLint, Prettier)
Automated testing frameworks (Jest, RTL, Cypress, Playwright)
Static analysis tools

Optimize build performance and environment configuration through Next.js settings.
9. Testing Strategy & Quality Assurance

Define test hierarchy:

Unit tests
Component tests
Integration tests
E2E tests

Implement testing frameworks:

Jest + React Testing Library
Cypress or Playwright for E2E

Ensure proper mocking of APIs, services, and data flows.
10. Security, Privacy & Governance

Enforce frontend security best practices:

Avoiding XSS vulnerabilities
Securing API tokens
Sanitizing inputs
Preventing CSRF
Using secure cookies

Implement role-based access controls and secure routing.
Ensure compliance with enterprise standards for:

Data separation
User access
Privacy policies
Logging & observability

11. Documentation

Document 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 & Qualifications
Technical Skills

10+ 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 Router
TypeScript
HTML5, CSS3, Sass, Styled Components, Tailwind (or equivalent)
Node.js, npm/yarn

Strong understanding of:

SSR, SSG, ISR
Web performance optimization
Modern browser APIs
Responsive and accessible design

Experience integrating with REST, GraphQL, and WebSocket APIs.
Additional (Nice-to-Have) Skills

Experience with micro-frontends or monorepos.
Familiarity with:

NX
Turborepo
Webpack, Rollup, Vite

Experience building design systems and component libraries.
Experience with Azure DevOps pipelines or GitHub Actions.
Soft Skills & Competencies

Excellent 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 & Background

Bachelor'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.