Front-End Architect (React/Web)

Long Finch Technologies; Livingston (NJ); On-site; USD 150,000 - 210,000; Full time

Job summary

Long Finch Technologies in the United States is seeking an accomplished senior front-end engineer to lead complex web applications using React + TypeScript, defining architecture and delivery strategy. You will collaborate with UX/Product, establish front-end standards, optimize Core Web Vitals, collaborate with backend on GraphQL/REST, and mentor engineers.

Candidates should have 15+ years in software engineering, deep React, TypeScript, modern tooling, testing, accessibility, security, and a

Qualifications

• 15+ years of professional software engineering with depth in front-end web development and experience leading projects and mentoring engineers.
• Expert-level React proficiency (hooks, component composition, context, rendering behavior, concurrency patterns).
• Strong TypeScript skills (types-as-design, generics, strictness) and modern JavaScript fundamentals.
• Deep experience with modern front-end tooling: Vite/Webpack, Babel/SWC, npm/pnpm/yarn, monorepos (optional), build/release pipelines.
• Strong CSS skills: responsive design, CSS architecture (CSS Modules, CSS-in-JS, or utility frameworks), theming, consistent styling at scale.
• Advanced testing: Jest/Vitest, React Testing Library, Playwright/Cypress; test strategy ownership.
• Accessibility: WCAG/ARIA, keyboard navigation, screen reader considerations, automated + manual testing.
• Performance engineering: profiling, bundle splitting, SSR/CSR trade-offs, caching, Core Web Vitals.
• API integration: GraphQL and REST (schema-driven development, error handling, pagination, caching).
• Security awareness for web apps: XSS/CSRF prevention, dependency hygiene, secure auth patterns.
• Observability: client-side logging/metrics, error reporting, debugging production issues.
• MUST: Proficiency using AI-assisted tools (Claude Code, GitHub Copilot) to accelerate implementation while ensuring correctness.

Responsibilities

• Lead development of complex, user-facing web applications using React + TypeScript, owning the front-end architecture and delivery approach.
• Partner with UX/Product to translate designs into polished experiences; influence requirements with feasibility, performance, and accessibility considerations.
• Establish and evolve front-end standards: component architecture, state management, routing, code conventions, and testing practices.
• Build using design system foundations: theming, responsive layouts, and cross-browser compatibility.
• Drive performance and quality: Core Web Vitals, bundle optimization, rendering strategies, caching, and observability.
• Implement advanced UI capabilities such as rich data visualization, real-time updates, offline patterns, and robust forms/workflows.
• Ensure secure client-side patterns: safe auth flows, token handling guidance, secure storage, and protection against vulnerabilities.
• Collaborate with backend teams on API contracts (GraphQL/REST) and advocate for frontend-friendly patterns.

Skills

React proficiency

TypeScript

JavaScript

CSS

Testing

Accessibility (a11y)

Performance optimization

GraphQL/REST

Security awareness

AI-assisted tools

Mentoring engineers

Front-end architecture

Tools

Vite/Webpack

Babel/SWC

npm/pnpm/yarn

Monorepos

Storybook

D3/Canvas/WebGL

Playwright/Cypress

Job description

Required Skills:

• 15+ years professional software engineering experience with significant depth in front-end web development; experience leading projects and mentoring engineers.
• Expert-level React proficiency (hooks, component composition, context, rendering behavior, concurrency-related patterns where applicable).
• Strong TypeScript skills (types-as-design, generics, strictness strategies) and modern JavaScript fundamentals.
• Deep experience with modern front-end tooling: Vite/Webpack, Babel/SWC, npm/pnpm/yarn, monorepos (optional), and build/release pipelines.
• Strong CSS skills: responsive design, CSS architecture (CSS Modules, CSS-in-JS, or utility frameworks), theming, and consistent styling at scale.
• Advanced testing practices: Jest/Vitest, React Testing Library, Playwright/Cypress for E2E; test strategy ownership.
• Accessibility expertise: WCAG/ARIA, keyboard navigation, screen-reader considerations, and automated + manual a11y testing.
• Performance engineering: profiling, bundle splitting, SSR/CSR trade-offs, caching strategies, and Core Web Vitals optimization.
• API integration expertise with GraphQL and REST (schema-driven development, error handling, pagination, caching, and client state strategies).
• Security awareness for web apps: XSS/CSRF prevention, dependency hygiene, secure auth/session patterns (OIDC awareness a plus).
• Observability for the front end: client-side logging/metrics, error reporting, and debugging production issues.
• MUST: Proficiency using AI-assisted engineering tools (e.g., Claude Code, GitHub Copilot) to accelerate implementation, refactoring, test creation, and debugging—while validating correctness and adhering to secure handling practices.

Preferred qualifications

• Experience with SSR/meta frameworks: Next.js / Remix and SEO considerations.
• Experience leveraging a design system (Storybook, tokens).
• Experience with micro-frontend patterns and module federation (where relevant).
• Experience with visualization and rich UI: D3, Canvas/WebGL, advanced tables/grids, animation libraries.
• Familiarity with authentication integrations (OIDC/OAuth2) and enterprise SSO constraints.
• Proven track record modernizing legacy front ends and improving developer experience (DX).

Job responsibilities

• Lead development of complex, user-facing web applications using React + TypeScript, owning the front-end architecture and delivery approach.
• Partner with UX/Product to translate designs into polished experiences; influence requirements with feasibility, performance, and accessibility considerations.
• Establish and evolve front-end standards: component architecture, state management, routing, code conventions, and testing practices.
• Build using JPMC’s EXDS UI foundations: design system / component library, theming, responsive layouts, and cross-browser compatibility.
• Drive performance and quality: Core Web Vitals, bundle optimization, rendering strategies, caching, and runtime observability.
• Implement advanced UI capabilities such as rich data visualization, real-time updates, offline-friendly patterns, and robust form/workflow experiences.
• Ensure secure client-side patterns: safe auth flows, token handling guidance, secure storage, and protection against common web vulnerabilities.
• Collaborate with backend teams on API contracts (GraphQL/REST) and advocate for front-end friendly patterns (pagination, filtering, error models).