Staff Frontend Engineer Visual Workflow Canvas (React Flow)

Remote β€’ Posted 2 hours ago β€’ Updated 2 hours ago
Contract Independent
Contract W2
Remote
Depends on Experience
Fitment

Dice Job Match Scoreβ„’

πŸ› οΈ Calibrating flux capacitors...

Job Details

Skills

  • BPMN
  • Health Care
  • HIPAA
  • Docker
  • JSON
  • Kubernetes
  • MIT
  • Medicare
  • OAuth
  • React.js
  • UI
  • User Experience
  • Virtualization
  • WCAG
  • YAML
  • Python

Summary

Job Title

Staff Frontend Engineer Visual Workflow Canvas (React Flow)

Role Overview

Senior individual contributor and technical lead for a custom-built visual authoring environment that allows the AA delivery community (development, QA, offshore, and consulting partners) to design, validate, and version Medicare claims processing workflows without writing Python. The canvas is an editor, not a runtime: it produces versioned JSON/YAML workflow configs stored in Git and executed by Temporal workers on GKE. Owns the architecture of the canvas built on React, TypeScript, Vite, and React Flow (@xyflow/react, MIT-licensed), including the node/edge model, the schema-driven property-panel pipeline, validation rules, and the integration with the FastAPI canvas backend.

This role supports a strategic platform initiative within Medicare Claims Engineering to migrate the existing Automation Anywhere RPA portfolio onto a modern, code-and-config-driven workflow platform built on Temporal.io, Python/Playwright, and Google Kubernetes Engine (GKE). Workflows are visually authored on a custom React Flow canvas that emits versioned configs executed by Temporal workers. The platform operates under HIPAA governance.

Key Responsibilities

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

Required Qualifications

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

Preferred Qualifications

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

Employers have access to artificial intelligence language tools (β€œAI”) that help generate and enhance job descriptions and AI may have been used to create this description. The position description has been reviewed for accuracy and Dice believes it to correctly reflect the job opportunity.
  • Dice Id: 90769335A
  • Position Id: 8966684
  • Posted 2 hours ago
Create job alert
Set job alertNever miss an opportunity! Create an alert based on the job you applied for.

Similar Jobs

Remote

β€’

Today

Easy Apply

Third Party, Contract

60 - 65

Remote

β€’

Today

Easy Apply

Contract

$50 - $55

Remote or Hybrid in Dallas, Texas

β€’

6d ago

Easy Apply

Contract

Depends on Experience

Remote or Almont, Colorado

β€’

Today

Contract

Search all similar jobs