React (NextJS) Lead

Hello,Good Morning!Hope you are doing well.This is Steve from Sidram Technologies. We have an immediaterequirement for React (NextJS) Lead, and I have found your profile in Ceipal, it aligns the best with the client's needs.Please find the JD below and let me know your thoughts on it.React (NextJS) Lead, Irving, TX (Onsite)Only W2The 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.Key Responsibilities 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. 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. 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. 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 analyzer 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. 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. 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 patterns 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. 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. 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 & observability 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.Technical SkillsRequired Skills & Qualifications 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 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) Skills Experience 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.SteveIT Services | Development | StaffingURL: http:/www.sidramtech.com | Email: Steve@sidramtech.comDirect: 470-208-7308Led by 25+ Years of Industry ExperienceE-Verify® is a registered trademark of the U.S. Department of Homeland Security.SIDRAM TECHNOLOGIES participates in the Employment Eligibility Verification Program (E-Verify) offered by USCIS.www.dhs.gov/E-Verify