onkara

onkara

Creating MindMap with LiveView

I am evaluating the feasibility of using LiveView for building a feature for user to create an executable workflow/flowchart/DAG/MindMap using drag & drop UX where edges connect the nodes.

Is LiveView a good fit to develop such a functionality or is it an overkill i.e. not worth the complexity and would I better using Vue/React for this ?

First Post!

mindok

mindok

Drag/drop isn’t really available directly in LiveView so you would need some JS on the front end to handle those drawing interactions, but you could potentially push updates from a graphical widget via pushEvent almost continuously to record drawing state changes on the server (if that was appropriate), and the handleEvent callback to receive server state updates (or initial state for the initial render). Also, if you have “form” type information to record against each edge & node, it would be straightforward to manage that using a liveview.

If you are wanting to display server side updates of execution progressing for a business process this would be a reasonably nice model - probably easier than wiring up channels into React or Vue.

Last Post!

Where Next?

Popular in Discussions Top

AlexMcConnell
The reason that Rails is as popular as it is is because it’s very easy for relatively inexperienced developers to get a lot of work done....
588 20070 166
New
sergio
There’s a new TIOBE index report that came out that shows Elixir is still not in the top 50 used languages. It also goes on to call Elix...
New
chuck
Let me start by stating an assumption: Phoenix is a great approach to building REST APIs. There are many reasons for this, but I will ass...
New
AstonJ
Seen any cool LiveView demos, sample apps or examples? Please post them here! :003:
New
opsb
We’re considering our architecture from a viewpoint of scaling our traffic heavily over the next 6 months. Our current deployment is runn...
New
cvkmohan
The upcoming Phoenix 1.6 release looks very interesting. Became a habit to watch the commits - and - what they are bringing in. phx.gen...
New
matthias_toepp
I’d love to hear what people think about Wisp, the new Gleam web framework started by Gleam’s primary creator Louis Pilfold. Gleam, alon...
New

Other popular topics Top

hariharasudhan94
I would like to know what is the best IDE for elixir development?
New
jononomo
For some reason my phoenix channels are working for me in my local dev environment, but as soon as I deploy via Docker, I get a 403 error...
New
dokuzbir
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
New
gshaw
What is the idiomatic way of matching for not nil in Elixir? E.g., First way: defp halt_if_not_signed_in(conn, signed_in_account) when...
New
sergio_101
I am VERY much an elixir newbie. I have taken one elixir course and one phoenix course on Udemy. During that course, I saw the instructor...
New
AstonJ
Posting this to see if we can make things easier for people to get into Neovim. If you use Neovim and have a favourite distro please let ...
New

We're in Beta

About us Mission Statement