Let's build a Mind Map App with React Flow

• react-flow-mindmap-app

  4 63 10.0 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.

• zustand

  247 42,308 8.9 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.)

• SurveyJS

  surveyjs.io

  sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• vite

  784 64,457 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:

• create-react-app

  575 101,812 1.9 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