Job Openings React Architect

About the job React Architect

We are seeking a highly experienced React Architect to own and drive the frontend architecture of a large-scale React 18-based e-commerce SPA deployed across multiple countries.

This role is responsible for defining and governing architectural decisions around state management, API integration, build systems, performance, scalability, and security. The ideal candidate will be deeply hands-on while also leading technical direction, best practices, and cross-team alignment.

Key Responsibilities

  • Own and evolve the frontend architecture for a multi-country, enterprise-grade SPA
  • Define and enforce scalable design patterns, coding standards, and best practices
  • Architect state management layers using Redux Toolkit and Redux-Saga
  • Design robust API integration strategies across REST and GraphQL ecosystems
  • Lead performance optimization initiatives (code splitting, lazy loading, caching)
  • Drive secure authentication flows including OAuth2 and token lifecycle management
  • Own and optimize the Webpack build pipeline and deployment flow
  • Architect multi-language and multi-country support systems
  • Implement and enforce frontend security standards (XSS prevention, secure headers, etc.)
  • Guide teams on testing strategies, code quality, and CI/CD integration
  • Collaborate with backend, DevOps, QA, and product teams for scalable delivery
  • Provide technical leadership, mentorship, and code reviews

Must-Have Skills & Experience

React 18 Architecture

  • 8+ years of React experience
  • Deep expertise in Hooks, Suspense, lazy loading (React.lazy), concurrent features
  • Strong experience with custom HOC patterns and dynamic component loading systems

State Management (Redux Ecosystem)

  • Expertise in Redux Toolkit + Redux-Saga
  • Strong command of saga effects: call, put, takeEvery, takeLatest, fork, select
  • Experience designing large-scale state architecture (20+ slices)
  • Hands-on with dispatcher abstraction patterns

GraphQL & Apollo Client

  • Experience designing scalable GraphQL integrations using:
    • Apollo Client
    • InMemoryCache
    • createHttpLink
  • Implementation of dual-endpoint patterns (public vs authenticated APIs)

REST API Integration (Axios)

  • Advanced Axios usage including:
    • Token refresh interceptors
    • Request queuing & retry mechanisms
    • Correlation ID injection

Webpack 5 & Build Systems

  • Hands-on experience with custom Webpack configurations (non-CRA)
  • Strong knowledge of:
    • webpack-merge
    • MiniCssExtractPlugin
    • CopyWebpackPlugin
    • ts-loader, sass-loader, PostCSS
  • Experience with multi-entry builds and production pipelines

Component Architecture (Atomic Design)

  • Proven experience designing Atomic Design systems:
    • atoms molecules commons
  • Experience with barrel exports and lazy-loading patterns

Authentication & Security

  • Experience with OAuth2 / Cognito authentication flows
  • Deep understanding of:
    • JWT & refresh token lifecycle
    • Secure token storage & session management
  • Strong knowledge of frontend security:
    • XSS prevention (DOMPurify, sanitize-html)
    • reCAPTCHA integration
    • Secure header strategies

Testing & Quality

  • Experience with:
    • Jest
    • Enzyme (React 18 adapter)
    • redux-mock-store
    • redux-saga-test-plan
  • Exposure to coverage enforcement and SonarQube integration

TypeScript

  • Experience working with mixed JS/TS codebases
  • Strong understanding of:
    • tsconfig
    • ts-loader
    • Babel TypeScript integration

CI/CD & Version Control

  • Expertise in:
    • Git / Bitbucket workflows
    • Branching strategies & PR reviews
    • CI/CD pipeline design

Architecture Ownership Areas

  • Centralized dispatcher pattern (abstracting store.dispatch)
  • Scalable slice + saga + selector architecture across domains:
    • Orders, Payments, Profile, Invoices, Risk-check, SMS verification, Subscriptions, etc.
  • Analytics middleware integration (Adobe Launch)
  • End-to-end Webpack build chain ownership
  • Multi-country/multi-language architecture:
    • Country headers, translation slices, configurable endpoints
  • Dual API architecture:
    • REST (Axios + middleware)
    • GraphQL (Apollo + Magento backend)
  • CMS integration strategy:
    • Component mapping via AEM SPA Editor SDK (MapTo, EditConfig)

Good to Have (Desirable Skills)

  • Experience with Adobe Experience Manager SPA Editor SDK
  • Strong understanding of e-commerce performance optimization
  • Knowledge of accessibility standards (WCAG 2.1)
  • Experience with Bootstrap 5 + scalable SCSS architecture
  • Exposure to healthcare or medical-device domain
  • Experience with React Router migrations (v5 v7)

Or refer someone