onkara
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 ?
Where Next?
Trending in Discussions
Other Trending Topics
Latest Phoenix Threads
Chat & Discussions>Discussions
Latest on Elixir Forum
Sponsor Spotlight
Supporting innovation across the BEAM ecosystem.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #blog-post
- #ai
- #phoenix_html
- #iex
- #graphql
- #elixirconf-us
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Bringing learning, work and compliance together since 1987.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 3- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
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
pushEventalmost continuously to record drawing state changes on the server (if that was appropriate), and thehandleEventcallback 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.
onkara
Are there any examples of such a hybrid approach? Seems like you are suggesting using JS through phx-hook for drag & drop functionality, right?
mindok
This would be easier to do now, but should give you an idea… GitHub - hurty/live_view_demo: Forkable repo for entries in Phoenix Phrenzy (https://phoenixphrenzy.com/) · GitHub