ReactFlow + Convex
This is a simple example of how to use Convex with ReactFlow.
Just click to create nodes, and connect them with edges by dragging from the handles.
Using optimistic updates for fast local performance.
https://github.com/ianmacartney/reactflow-demo
8 Replies
@Mez I hadn't seen your one 🤦♂️ but curious how it compares
Nice! I simply created a schema viz!
But I am using reactflow with a convex project and I simply save the reactflow state as a json string!
that is a good straightforward way to do it if you don't have a lot of multiplayer editing. Mine will just send up the changes, so multiple users can be changing different things at the same time and not overwrite each other
Yup, makes sense!
Hi @ian i gave it a try, the readme is missing
npx @convex-dev/auth otherwise it throws an error 😦It should be part of the
npm run dev predev script? btw if you're running it locally, you need to run npx convex dev in another terminal while you're running npm run dev for the first time, sorry about that
It's in setup.mjs which should get called. but if you could cut a PR to the readme for what works for you, that'd be awesomeSure, yeah it works for me now are you planning on working on this and more features? I would like contribute if you like to add more features i feel this project would look good on my resume 🙂
I'm not working on it right now, but Tiago is. Feel free to put a PR but it might take me a week or two to get back to it. Feel free to fork it and make it awesome for your resume regardless