Senior Frontend Developer (React / TypeScript / Web Components)

Quest Global; Chennai District; On-site; INR 2,400,000 - 4,200,000; Full time

Job summary

Quest Global is seeking an experienced Senior Frontend Developer (React 19, TypeScript) to build and scale the Dynamic Service Options platform. You will work on two React-based codebases—authoring and delivery apps—within a strict design-system, OpenAPI Clients, and MSAL-based authentication.

Expect end-to-end ownership from API contracts to CI/CD deployments. The ideal candidate has 6+ years in frontend engineering, strong type safety, and experience shipping components as part of a design

Qualifications

• 6+ years building production web apps with React and TypeScript.
• 3+ years owning architecture-level decisions (state design, build tooling, testing strategy).

Responsibilities

• Build and maintain feature modules in a convention-driven structure, with cross-feature shared layers.
• Develop React 19 components under strict TypeScript—no any, no type assertions.
• Implement lazy-loaded routes with route-level authorization guards.
• Build complex, data-dense UI: tables, per-row actions, bulk selection, destructive queues and virtualization.
• Design state with Jotai and Zustand, including reusable factories for remote lists and data fetching without useEffect.
• Consume OpenAPI-generated REST clients; avoid hand-writing requests or local type duplication.
• Implement robust request handling: bearer tokens, cancellation, retries, normalized errors.
• Work on design system tokens, SCSS/CSS Modules, and embeddable web component delivery.
• Write Storybook stories with play functions for interaction tests and MSW mocks.
• Ensure internationalization and locale safety across UI strings.
• Contribute to CI/CD: build, test, and deployment pipelines; publish npm packages.

Skills

React 19

TypeScript

Design-system

Web components

Storybook

MSW

Vite

OpenAPI

Azure Entra

Tools

Jotai

Zustand

Storybook

MSW

Vite

Job description

Job Requirements

At Quest Global, it’s not just what we do but how and why we do it that makes us different. With over 25 years as an engineering services provider, we believe in the power of doing things differently to make the impossible possible. Our people are driven by the desire to make the world a better place—to make a positive difference that contributes to a brighter future. We bring together technologies and industries, alongside the contributions of diverse individuals who are empowered by an intentional workplace culture, to solve problems better and faster.

Job Requirements

At Quest Global, it’s not just what we do but how and why we do it that makes us different. With over 25 years as an engineering services provider, we believe in the power of doing things differently to make the impossible possible. Our people are driven by the desire to make the world a better place—to make a positive difference that contributes to a brighter future. We bring together technologies and industries, alongside the contributions of diverse individuals who are empowered by an intentional workplace culture, to solve problems better and faster.Job Title: Senior Frontend Developer — React 19, TypeScript, Design-System & Web-Component EngineeringExperience: 6+ years building production web applications with React and TypeScript, including 3+ years owning architecture-level decisions (state design, module boundaries, build tooling, testing strategy).

Job Summary

We are seeking an experienced Senior Frontend Developer to build and scale the user experiences of our Dynamic Service Options (DSO) platform. You will work across two React 19 + TypeScript codebases:

• an authoring application — a large, feature-module SPA (Vite, Jotai, React Router 7, react-hook-form, Storybook + MSW) where dealers and teams author and manage machine parts and service data
• a delivery application — a React app that ships both as an SPA and as an embeddable Web Component published to Artifactory and consumed by other host applications.

Both apps are built entirely on the design system, consume OpenAPI-generated, fully typed API clients, authenticate through Azure Entra (MSAL) with Centralized entitlement-based authorization, and are validated by Storybook interaction tests running in real browsers with MSW-mocked APIs. The ideal candidate is opinionated about type safety, component composition, accessible design-system usage and testable UI, is comfortable working inside strict lint/format/type gates, and can own a feature end-to-end: API contract → generated client → state atoms/store → design-system UI → stories/tests → CI/CD → CDN or npm release.

Key Responsibilities

• Build and maintain feature modules in a convention-driven structure (`atoms/`, `components/`, `hooks/`, `fakers/`, `\\*.stories.tsx`, co-located styles), keeping cross-feature code in shared layers and respecting module boundaries.
• Develop React 19 components under strict TypeScript — no `any`, no type assertions, explicit `import type`.
• Implement lazy-loaded, code-split routes with route-level authorization guards driven by user entitlements.
• Build complex, data-dense UI: paginated and filterable tables with per-row action state, bulk selection, destructive-action queues with confirmation, toast feedback, unsaved-changes guards, and virtualization where list size demands it.
• Design state with Jotai atoms (authoring) and Zustand (delivery), including reusable factories for remote lists, bulk selection and destructive queues — and never fetch data from `useEffect`.
• Consume OpenAPI-generated API clients from versioned specs — never hand-writing request code, duplicating server models as local types, or editing generated output.
• Implement robust request handling: bearer-token injection, cancellation with `AbortSignal`, retry/backoff policies, and a single normalized API-error parser feeding user-facing messages.
• Build exclusively on the design system and its tokens and utility classes — no raw ``, ``, `` or ad-hoc SVG icons — adding SCSS/CSS Modules only where utilities are genuinely insufficient, and supporting light/dark theming.
• Package and evolve the delivery app as an embeddable web component, maintaining a documented, backward-compatible integration contract published to Artifactory for consuming teams.
• Write Storybook stories as the primary component contract, with `play` functions as browser-run interaction tests, MSW-mocked APIs and realistic data factories covering loading, empty, error and hanging-request states.
• Write unit and component tests, maintain coverage, and keep the SonarQube quality gate green.
• Ensure every user-facing string is internationalized and locale-safe, namespaced per module.
• Keep build and DX tooling healthy — Vite configuration, path aliases, vendor chunking, scaffolding generators — and maintain the lint, format, typecheck and pre-commit gates.
• Contribute to CI/CD: build and test workflows, quality scans, CDN-hosted deployments with cache invalidation, and npm package publishing.
• Review pull requests against documented team standards, and mentor mid-level engineers on state design, design-system usage and test strategy.

We are known for our extraordinary people who make the impossible possible every day. Questians are driven by hunger, humility, and aspiration. We believe that our company culture is the key to our ability to make a true difference in every industry we reach. Our teams regularly invest time and dedicated effort into internal culture work, ensuring that all voices are heard. We wholeheartedly believe in the diversity of thought that comes with fostering a culture rooted in respect, where everyone belongs, is valued, and feels inspired to share their ideas. We know embracing our unique differences makes us better, and that solving the worlds hardest engineering problems requires diverse ideas, perspectives, and backgrounds. We shine the brightest when we tap into the many dimensions that thrive across over 21,000 difference-makers in our workplace.

Work Experience

Core

• Expert React (hooks, composition, suspense, error boundaries, memoization, render-performance debugging); experience with React 19 is a strong plus.
• Expert TypeScript — generics, discriminated unions, utility types and strict-mode discipline; types that make invalid states unrepresentable.
• Strong modern JavaScript/ESM and browser fundamentals — event model, Shadow DOM, custom elements, performance.

State & Data

• A modern atomic/lightweight state library — Jotai or Zustand — and clear reasoning about local vs. shared vs. server state.
• TanStack Query or an equivalent server-state library.
• Consuming OpenAPI-generated REST clients; Axios interceptors, cancellation, retries and error normalization.

UI & Design Systems

• Building on a component/design system, including web components interop with React and Shadow-DOM style encapsulation.
• SCSS, CSS Modules, design tokens and responsive layout.
• react-hook-form or equivalent with controlled inputs, shared validation rules and localized errors.

Tooling & Testing

• Vite — dev server, plugins, library mode, aliasing, chunking and env handling.
• ESLint (flat config), Prettier, Stylelint and Husky/lint-staged; pnpm/npm with private registries.
• Storybook (CSF3, decorators, `play` functions) and MSW for deterministic API mocking.
• Vitest or Jest, Testing Library, browser-mode/Playwright component testing and test-data factories.

Auth, i18n & Delivery

• OAuth2/OIDC in SPAs — MSAL / Azure Entra, token refresh, protected routes and entitlement-based feature gating.
• react-i18next or equivalent i18n at scale.
• Git and PR workflow; GitHub Actions or comparable CI/CD; CDN-hosted SPAs with routing and cache concerns.

Engineering Judgment

• Works independently, owns delivery end-to-end, and makes pragmatic architecture calls in a convention-heavy codebase.
• Strong analytical, debugging and communication skills; clear documentation for consuming teams.

Preferred Skills

• Shipping React as web components / micro-frontends (`@r2wc`, Lit, module federation) with a published integration contract.
• React Compiler, bundle-size budgeting, code-splitting and Core Web Vitals.
• SonarQube quality gates and frontend coverage reporting.
• Enterprise design systems — Material UI, Bootstrap or equivalent.
• AWS static hosting (S3, CloudFront, WAF, ACM) and CloudFormation.
• Agile/Scrum delivery and close collaboration with backend engineers on API contracts.

What You'll Work On

• Template authoring & management — searchable, filterable template lists with detail views, versioning, bulk actions and archive/restore workflows.
• SMCS & parts mapping — dense mapping grids and multi-step flows connecting service codes, components and parts.
• SBOM experiences — long-running report generation with async job status, progress feedback and file download.
• Rebuild dashboard — nested, entitlement-gated routes composing several sub-features into one workspace.
• Dynamic Service Options web component — the embeddable delivery experience (search, service-option browsing, cart interactions, fully reactive CRUD with drag and reorder support) consumed by other Caterpillar applications.
• Admin, roles & entitlements UI — user and permission management backed by the Enterprise entitlements service.
• The shared frontend platform — reusable table/layout primitives, atom factories, test fixtures, generators and Storybook infrastructure that every feature builds on.