Mid Level Frontend Engineer - Canvas Components...
Role details
Job location
Tech stack
Job description
Experienced individual contributor responsible for building and maintaining the React Flow node component library and the schema-driven property panel system that powers the visual workflow authoring canvas. This role makes the day-to-day experience of authoring and editing nodes feel fast, predictable, and correct for the AA delivery community migrating Medicare claims bots to Temporal workflows., * Build and maintain the custom React Flow node component library covering the core node types (Oracle query, REST, LLM gateway, SOAP, browser automation) and composite-node patterns.
-
Implement the property-panel generation pipeline that turns Zod schemas into form UIs, including conditional fields, dependent validation, and reusable input controls.
-
Implement typed-edge validation: visual indicators for type-incompatible connections, hover affordances, and inline error/warning surfaces on nodes.
-
Build scaffolding tooling for new node types so adding a node is largely schema-driven rather than hand-rolled.
-
Maintain a Storybook catalog for the node library, including stories for all validation states.
-
Contribute to the QuickBase-to-canvas translator UI by rendering proposed workflow graphs and surfacing translator confidence and gap signals on each node.
-
Performance tune at the component level: profile slow renders, memoize selectors, and minimize React Flow recompute on edits.
-
Follow engineering standards set by the Canvas Lead (TypeScript strictness, accessibility, testing) and partner with the backend team on the schemas that drive node configuration.
-
Mentor mid-level engineers on React component patterns and React Flow internals; participate in design and code reviews.
Requirements
-
Several years of experience as a frontend or full-stack engineer with strong React focus.
-
Strong production expertise in React, TypeScript (strict mode), and modern build tooling (Vite, esbuild, or equivalent).
-
Hands-on experience building complex form-heavy UIs, schema-driven forms (e.g., react-hook-form + Zod), and reusable component libraries.
-
Working knowledge of state management (Zustand, Redux Toolkit, or equivalent) and data fetching libraries (TanStack Query, SWR).
-
Experience with at least one canvas/graph-editing library (React Flow, x6, JointJS, Cytoscape, or equivalent) on a non-trivial project.
-
Strong understanding of accessibility, keyboard navigation patterns, and component testing (Jest, Vitest, React Testing Library).
-
Solid troubleshooting skills across browser DevTools and React profiling.
-
Experience leveraging code generation tools like Copilot to write robust test cases and rapidly prototype features.
-
Experience collaborating with backend, design, and product teams.