Front-End Architect (React/Web)

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

Job summary

Long Finch Technologies in Roseland, NJ seeks a senior frontend engineer to lead complex web apps with React and TypeScript. You will own front-end architecture and mentor engineers.

You will implement design system foundations, optimize performance, ensure accessibility, and collaborate with backend teams on GraphQL/REST APIs to deliver scalable experiences across devices.

Qualifications

• 15+ years professional software engineering with deep front-end experience.
• Expert-level React proficiency with hooks, composition, and contexts.
• Strong TypeScript skills and modern JavaScript fundamentals.
• Experience with modern front-end tooling and monorepos is a plus.
• Advanced testing, accessibility, performance optimization, and security practices.

Responsibilities

• Lead development of complex, user-facing web apps using React + TS and own front-end architecture.
• Partner with UX/Product to translate designs into polished experiences with performance and accessibility in mind.
• Establish and evolve front-end standards: components, state, routing, testing.
• Build with design system foundations, theming, and cross-browser compatibility.
• Drive performance, bundle optimization, caching, and runtime observability.
• Collaborate with backend teams on GraphQL/REST APIs and advocate front-end friendly patterns.

Skills

Frontend engineering

React expert

TypeScript mastery

Vite/Webpack tooling

Babel/SWC

npm/pnpm/yarn

Monorepos

CSS architecture

Testing: Jest/Vitest

Accessibility (a11y)

Performance optimization

API: GraphQL/REST

Security practices

Observability

AI-assisted tooling

Leadership/mentoring

Tools

Vite/Webpack

Babel/SWC

npm pnpm yarn

Storybook

Module federation

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).