Owens
WhatsApp-style UI with LiveView -- Subscribe To All Channels At Once?
Hello all, I’m building a LiveView Chat App and recreating the interface to be like WhatsApp’s Desktop app.
/cdn.vox-cdn.com/uploads/chorus_image/image/49566611/WhatsApp.0.0.png)
As you can see, the right side is the current chat room, but the left side is a list of every chat room the user is in and it shows updates in realtime to those rooms too.
My question is, what is the most efficient channel strategy for this?
- Have the user be subscribed to the channel for every single room he is in? Updates are sent to each room’s channel normally.
- Have the user be subscribed to the current chat room channel, and his own channel which is used to update the index view on the left (e.g. “user21_chat_index”). Then, whenever a message is created or updated, it sends the chat over the room channel and to each user’s personal channel.
- A different approach from the two above.
Thanks in advance to those who have created something like this before.
Marked As Solved
prihandi
IMHO, It should use no.2 strategy.
User should subscribe to:
- user own channel ( to render chat list / left side)
- room channel that currently opened (to render room and messages / right side )
In my previous experience I would also separate presence channel and typing channel, for it’s logic dependency, especially typing , it’s quite crowded and need minimal logic intervention.
Also Liked
carterbryden
Hey Trevor, I’d do option 2. Subscribing to as many channels as you have conversations feels wrong to me, though I don’t actually know how efficient it would or wouldn’t be.
Edit: either way I’m betting you’d probably have to be at very large scale before it’s an issue, and it’d be easy to change later.
kaashyapan
I’d pick 1.
I did a Helpdesk chat application which is a little different than the concern here.
I had a lobby room and a room for each user.
The helpdesk admin joins the users room after the user turns up in the lobby.
The lobby room is used to indicate presence.
It has worked OK so far. I think the question is scale.
I’d pick whatever most closely resembles communication in the real world.
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Catch errors, track performance, monitor hosts and more.
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
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #hex
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 for Elixir devs who love to ship. Start your free account.
Develop your skills with books, videos, and courses.
Enabling companies to succeed by building software people love.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"