> For the complete documentation index, see [llms.txt](https://enhancio.gitbook.io/reactflow-for-bubble.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://enhancio.gitbook.io/reactflow-for-bubble.io/getting-started/creating-connections.md).

# Creating Connections

## Method 1: Node Relationships (Easier)

Add parent/child relationship fields to your node data type using [Node parents field](/reactflow-for-bubble.io/element-reference/fields.md#node-parents-field) or [Node children field](/reactflow-for-bubble.io/element-reference/fields.md#node-children-field) (ID or list of IDs). For example, each node can have a "Parent node" field referencing another node's ID. The plugin automatically creates edges between related nodes when loading.

We use this method in [**Main Demo**](https://react-flow-demo.bubbleapps.io/version-test).

## Method 2: Separate Edge Data (More Flexible)

Create a separate "Connection" data type with [Edge source field](/reactflow-for-bubble.io/element-reference/fields.md#edge-source-field) and [Edge target field](/reactflow-for-bubble.io/element-reference/fields.md#edge-target-field). Load both node and edge lists in the [Load nodes and edges](/reactflow-for-bubble.io/element-reference/actions/load-nodes-and-edges.md) action.

See this method in action in [**Node Relationships Demo**](https://react-flow-demo.bubbleapps.io/version-test/node-relationships-demo).