Great tips, thanks man 👍 I would also suggest to check your custom drag handlers (if you have any). If for example you perform any update on nodes state while dragging (eg calling setNodes) this will result in terrible performance.
Hi Usman, nice content! keep up the good work. Can you make a video to show how to resolve overlapping edges? my use case: we are loading a nodes and edges details from the DB (what are the nodes and what connect to what) and then render it on ReactFlow, with this we are facing an issues where the edges are overlapping nodes and not resulting in a hierarchical view. This is to illustrate a flow chart with 20+ nodes which are inter-connected.
For building a node tree/hierarchical view, have you used some algo like dagre/elk or are you using some custom layout logic? If you dont want the edges to overlap the nodes and what not, you can use the react-flow-smart-edge package. That package does the job.
![BLACK BAG - Official Trailer [HD] - Only in Theaters March 14](http://i.ytimg.com/vi/Du0Xp8WX_7I/mqdefault.jpg)
Great tips, thanks man 👍 I would also suggest to check your custom drag handlers (if you have any). If for example you perform any update on nodes state while dragging (eg calling setNodes) this will result in terrible performance.
Thanks for the tip man. :). Also thanks for the compliment
Very useful tips!
Thanks for the comment :D
Hi Usman, nice content! keep up the good work.
Can you make a video to show how to resolve overlapping edges? my use case: we are loading a nodes and edges details from the DB (what are the nodes and what connect to what) and then render it on ReactFlow, with this we are facing an issues where the edges are overlapping nodes and not resulting in a hierarchical view. This is to illustrate a flow chart with 20+ nodes which are inter-connected.
For building a node tree/hierarchical view, have you used some algo like dagre/elk or are you using some custom layout logic? If you dont want the edges to overlap the nodes and what not, you can use the react-flow-smart-edge package. That package does the job.
Hey Usman can you create a tutorial on how we can go from one node to another and pass data? I want to build a workflow application
Hi bigShade, I have made an advanced course on React Flow where I have covered computational/cyclic flows. You can check it out for that.
Thank you sir for the good content, please Build a WhatsApp Chatbot Flow.
Working on that course. Thanks for the kind comment :)
@@usmanabdurehman97🎉 thank you very much sir 😎
@@usmanabdurehman97Greetings sir, Wanted to check how the course is coming along, can we still get it before year end? 😊