gedsys/react-flow-usage
Comprehensive React Flow (@xyflow/react) patterns and best practices for building node-based UIs, workflow editors, and interactive diagrams. Use when working with React Flow for (1) building flow editors or node-based interfaces, (2) creating custom nodes and edges, (3) implementing drag-and-drop workflows, (4) optimizing performance for large graphs, (5) managing flow state and interactions, (6) implementing auto-layout or positioning, or (7) TypeScript integration with React Flow.
95
95%
Does it follow best practices?
Impact
Pending
No eval scenarios have been run
Passed
No known issues
_template.mdrules/
- title:
- Rule Title Here
- impact:
- MEDIUM
- impactDescription:
- Brief explanation of impact
- tags:
- react-flow, category, feature
Rule Title Here
Brief explanation of the pattern and why it matters.
Incorrect (what NOT to do):
// Example of incorrect usage
// Explain what's wrongCorrect (recommended pattern):
// Example of correct usage
// Explain why this is betterAdditional Context:
Optional additional explanation, edge cases, or alternatives.
Reference: Documentation