Senior Frontend Engineer - Visual Workflow Canvas (React Flow)
Role details
Job location
Tech stack
Job description
Own the end-to-end architecture of the React Flow authoring canvas, including node and edge model, typed I/O contracts, sub-flow encapsulation, undo/redo, and large-graph performance.
-
Define the three-layer node library architecture (primitives, composites, workflows) and the patterns for property panels generated from schemas.
-
Lead architectural decisions for state management, data fetching, schema validation, and module boundaries so the codebase scales as the node library grows.
-
Champion the Pydantic-to-Zod codegen pipeline as the single source of truth for node schemas, ensuring runtime validation parity between canvas and execution layers.
-
Drive performance and quality on large workflows, including viewport virtualization, selective re-rendering, bundle optimization, and visual regression testing.
-
Define and enforce engineering standards: TypeScript strictness, component architecture, testing patterns, accessibility (WCAG 2.1 AA), and design system usage.
-
Partner with the Temporal platform team on the workflow config schema (the contract between canvas output and Temporal input) and versioning strategy.
-
Partner with Security on PingFederate OAuth2 integration, IAP-fronted ingress, and frontend hardening (CSRF, XSS).
-
Mentor senior and mid-level frontend engineers; lead design and code reviews; influence engineering direction across backend, platform, and migration teams.
Requirements
Multiple years of experience as a frontend or full-stack engineer, with substantial recent focus on React.
-
Deep expertise in React, TypeScript (strict mode), and modern build tooling (Vite, esbuild, or equivalent).
-
Hands-on production experience building complex graph or canvas-based UIs (React Flow, x6, Cytoscape, JointJS, draw.io, or equivalent custom canvas work).
-
Strong understanding of state management at scale (Zustand, Redux Toolkit, or equivalent), data fetching/caching (TanStack Query or SWR), and runtime schema validation (Zod or io-ts).
-
Proven experience designing component libraries, schema-driven UI generation, and developer-facing tooling.
-
Strong understanding of accessibility, browser performance, and rendering optimization for complex UIs.
-
Advanced troubleshooting skills across browser DevTools, React profiling, and frontend build pipelines.
-
Experience leveraging code generation tools like Copilot to write robust test cases and rapidly prototype features.
-
Experience collaborating with backend, platform, security, and design teams. Plusses:
-
Production experience with React Flow (@xyflow/react) on non-trivial graphs (custom node types, edge types, sub-flows, layout algorithms).
-
Experience with schema codegen pipelines (Pydantic ? JSON Schema ? Zod / TypeScript types) and contract-driven UI generation.
-
Familiarity with workflow/automation domains (BPMN, Temporal, Airflow, n8n, Langflow) and their authoring UX patterns.
-
Experience with Python/FastAPI/Pydantic sufficient to collaborate effectively on the backend schema layer.
-
Familiarity with cloud-native deployment (Docker, Kubernetes/GKE) and CI/CD for frontend applications.
-
Healthcare, regulated industry, or large enterprise experience.