Installation and Requirements

For this set-up we assume you already have node.js and npm, yarn or pnpm already installed. The React Flow package is published under reactflow (opens in a new tab) on npm and installable via:

npm install reactflow

Now you can import the React Flow component and the styles in your application:

import ReactFlow from 'reactflow';
import 'reactflow/dist/style.css';

Prior Experience Needed

React Flow is a React library. That means React developers will feel comfortable using it. If basic React terms and concepts like states, props, components, and hooks are unfamiliar to you, you might need to learn more about React before being able to use React Flow fully. If you’ve never used React before, we recommend first getting to start on React through tutorials like Codecademy (opens in a new tab) or Reactjs.org (opens in a new tab).