Building a Flow
In the following pages we will introduce you to the core concepts of React Flow and explain how to create a basic interactive flow. A flow consists of nodes, edges and the viewport. If you haven’t reviewed our Key Concepts yet, we recommend doing that first.
To follow along with this guide you will need to have a React project set up and install
the @xyflow/react package:
pnpm install @xyflow/reactCreating the flow
Let’s start by creating an empty flow with viewport
<Controls /> and a dotted
<Background />.