React Flow Node

Create React Flow node components following established patterns with proper TypeScript types and store integration.

Quick Start

Copy templates from assets/ and replace placeholders:

• {{NodeName}} → PascalCase component name (e.g., VideoNode)
• {{nodeType}} → kebab-case type identifier (e.g., video-node)
• {{NodeData}} → Data interface name (e.g., VideoNodeData)

Templates

• assets/template.tsx - Node component
• assets/types.template.ts - TypeScript definitions

Node Component Pattern