Nope, it's doing a round-trip to the server on each interaction. You can inspect the websocket and see the messages. The notifications are generated by a Python function running on the server, there's no client-side logic.
Seems like it could be improved by having instant client side reactions, while letting the notifications come in with the response from the server so it seems more snappy to the user
I was noticing this as well. I believe it's because each ui element must do a request to perform actions server-side (notice how the on_click handlers are python lambda functions).
This is probably the main drawback; you need your server to be located physically close to where the UI is open or there will be a very noticable delay. It's probably pretty snappy when the server and browser are on the same machine, though.
Another choice would be optimistic UI updates (assume the checkbox will end up checked. If not, revert to unchecked and display feedback about an error).
I’ve tended to use this in UIs which rely on server state, and it usually makes things feel much snappier. In my experience it’s rare that an optimistic update isn’t fulfilled as expected, so the user experience is improved overall.
I’d hesitate to do it absolutely everywhere, though. In large forms it would be preferable to do batch updates rather than updating on every field interaction, for example.
Re:Nice GUI
by solardev on Tuesday November 22, 2022 @11:57AM
(#33707898)
That causes rubberbanding, doesn't it, where the checkbox looks checked at first and then unchecks itself a few seconds later when the server says "nope"?
It can, yes, but the snap back should always be accompanied by feedback to allow the user to understand what happened.
There are pitfalls (what if the user thinks a setting saved and closes their browser, but it failed after they closed the tab?) which are addressable but it takes work and complexity. I think optimistic UI can be helpful. Generally speaking it’s a layer of complexity I’d tend to try to avoid, though.
Tools like Relay for graphql come with excellent implementations of this which I’d say are worth using if you’ve adopted the library, for example.
Re:Nice GUI
by tomcam on Monday November 21, 2022 @07:47PM
(#33700363)
I searched a couple minutes and couldn't see a list of supported platforms. Should I assume that since it's HTML based it would work on all of them, including iOS and Android?
Re:Nice GUI
by rixed on Tuesday November 22, 2022 @02:44AM
(#33703151)
What does this tell about this industry when after several decades of web programming a tool to display the most basics UI elements can still be featured on HN?
Is it intentionally slowed down? The reaction (for example when I click the checkbox) seem very slow in the demo page.
This is probably the main drawback; you need your server to be located physically close to where the UI is open or there will be a very noticable delay. It's probably pretty snappy when the server and browser are on the same machine, though.
I’ve tended to use this in UIs which rely on server state, and it usually makes things feel much snappier. In my experience it’s rare that an optimistic update isn’t fulfilled as expected, so the user experience is improved overall.
I’d hesitate to do it absolutely everywhere, though. In large forms it would be preferable to do batch updates rather than updating on every field interaction, for example.
There are pitfalls (what if the user thinks a setting saved and closes their browser, but it failed after they closed the tab?) which are addressable but it takes work and complexity. I think optimistic UI can be helpful. Generally speaking it’s a layer of complexity I’d tend to try to avoid, though.
Tools like Relay for graphql come with excellent implementations of this which I’d say are worth using if you’ve adopted the library, for example.
If just want to port simple shell interactive interface to web gui, can check https://github.com/pywebio/PyWebIO
If want to get a production level dashboard by using Python, https://wave.h2o.ai/ <<Realtime Web Apps and Dashboards for Python and R>>
This looks like a copy of Google's material design.