Rodeoclash
LiveView, flashes and redirects
How are others handling the following:
- Child components generating flashes (I’ve built a macro to easily send a flash to the root LiveView for display)
- Business logic which triggers a flash and redirect (i.e. updating your personal details and returning to the dashboard).
I really don’t have a good solution for “2” yet. Flash messages sent to the root component are never displayed because the root component is unmounted when the redirect is triggered.
One solution that springs to mind is to have two root LiveView components. One for the “pages” and the other which is solely responsible for displaying flash messages. Flashes could then be sent via PubSub subscriptions.
How have others solved this?
Marked As Solved
trisolaran
I wouldn’t even think in terms of the component pushing flash and redirect.
Generally, I don’t think a component should deal with redirecting or showing flash messages. Its concerns should be rendering and managing portions of your page. I would leave high-level tasks to the parent live view.
I would have the component send an event or a message to the parent live view, and have the parent live view react to it, in this case with a redirect and a flash message.
Also Liked
Rodeoclash
That seems reasonable, an “onBlah” style event, similar a bit to React’s pattern. Alright, thanks for letting me bounce some ideas around 
Popular in Questions
Other popular topics
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
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
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.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
Develop your skills with books, videos, and courses.
The deployment platform built for Elixir: PaaS ease, VPS control.
Courses that'll move you from confusion to "Aha, now I get it!"