Let's build a Mind Map App with React Flow

1. react-flow-mindmap-app

   1 4 99 2.1 TypeScript

   A quick and organized mind map app built with React Flow. Follow the tutorial to learn how to build it yourself.

   

   If you'd like to live dangerously and dive right into the code, you can find the source code on Github.

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. zustand

   2 282 51,693 9.2 TypeScript

   🐻 Bear necessities for state management in React

   

   We are using Zustand for managing the state of our application. It's a bit like Redux but way smaller and there's less boilerplate code to write. React Flow also uses Zustand, so the installation comes with no additional cost. (For this tutorial we are using Typescript but you can also use plain Javascript.)

4. vite

   3 900 72,171 9.9 TypeScript

   Next generation frontend tooling. It's fast!

   

   We'll be using Vite to develop our app, but you can also use Create React App or any other tool you like. To scaffold a new React app with Vite you need to do:

5. create-react-app

   4 603 103,154 6.8 JavaScript

   Set up a modern web app by running one command.

   

   We'll be using Vite to develop our app, but you can also use Create React App or any other tool you like. To scaffold a new React app with Vite you need to do:

Suggest a related project