thank you!
pillaiindu
50kudos
I’m looking for kinda the same thing that is a client library (named and/or plain vanilla js) that works well with PhoenixLiveView. What I’ve experimented with so far are Elm, Svelte and Vue.
It turns out virtual dom or no virtual dom doesn’t matter; they don’t work well as integration. I have used phx-ignore which is great, the 3rd party widgets don’t get patched and we can put phx-* events inside them to do things on server. However, having multiple compilers or engines controlling the same container is an anti-pattern (shared mutable state).
The ideal js lib should be able to embed inside live view AND have live view embeds inside their containers (note that I say live view instead of morphdom because we consider as a whole). Tbh, those jQuery plugins was working ok together.
Ok, real question is; is there a ui lib that works with LiveView very nicely? I haven’t tested Stimulusjs but it seems to integrate well ..
1
pillaiindu
kokolegorille
I thought optimistic UI updates were frontend related, not backend…
It means You don’t wait the server response to update UI, but if the server response fails, it can be rolled back.
Given that liveview is server related, I don’t see how this could be working. (Without help of JS)
2
pillaiindu
I asked this question an year ago, but I can’t edit that question or reply to it. Looks like it’s locked or something. That’s why I’m asking this question again.
Since its introduction, much has changed in Phoenix LiveView. Is it possible today to achieve Optimistic UI / Latency Compensation without using Graphql and Apollo client with just Phoenix LiveView?
Latency Compensation and Optimistic UI are two names for the same thing, first introducted in Meteorjs and then in Apollo Graphql, both of which are created by the same team.
0
AstonJ
pillaiindu
pillaiindu
josevalim
Creator of Elixir
LiveView now adds some classes, such as phx-click-loading, whenever you do an action. This can be used to provide some UI feedback and in many cases. For more complex cases like the chat example, then you need to fallback to JS with phx hooks.
6