custom-node-definition

What problem does it solve?

This skill enables developers to define new node types for react-wireflow, including how they render, what ports they expose, and how they interact with external data. It streamlines extending a node-based editor with bespoke appearances and behaviors.

Core Features & Use Cases

• Define NodeDefinition structures: specify type, displayName, ports, defaultData, and constraints to wire up new node types.
• Build custom renderers: implement renderNode with NodeRendererProps to customize visuals and interactions.
• External data integration: loadExternalData and updateExternalData to fetch and persist node-specific data.

Quick Start

Create a new NodeDefinition object for your custom node, implement a renderNode component, and register it with the NodeEditor.