react-flow-architecture

SKILL.md

Implication: Core logic is framework-agnostic. When contributing or debugging, check if issue is in @xyflow/system or framework-specific package.

Pros: Simple, minimal boilerplate Cons: State isolated to component tree

Pros: State accessible anywhere, easier persistence/sync Cons: More setup, need careful selector optimization

React Flow を使用してノードベースの UI を構築するためのアーキテクチャ ガイダンス。フローベースのアプリケーションを設計する場合、状態管理、統合パターンについて決定を下す場合、または React Flow がユースケースに適合するかどうかを評価する場合に使用します。 ソース: existential-birds/beagle。

原文を見る