Feature: Easier Web GUI

ConduitIO / conduit

Conduit streams data between data stores. Kafka Connect replacement. No JVM required.

https://conduit.io

Apache License 2.0

395 stars 46 forks source link

Feature: Easier Web GUI #1062

Open gedw99 opened 1 year ago

gedw99 commented 1 year ago

Feature description

At wanted to extend the gui quite a bit for some ideas as its very simple right now. Simple is good, but there are many more opportunities to make the gui provide more functionality.

But I mean no disrespect but it is so complex for no reason.

Run this. It's another way to do web gui using the htmx pattern with a decent golang template system.

https://github.com/joerdav/go-htmx-examples

Just go run .

the templates are a joy to work with IMHO.

Why ?

so much easier and cleaner.
there is NO build. Only the template need a "go generate ."
fast....
much easier for a golang team to work on the GUI.
easy to update the GUI by pushing from the back. HTMX accepts push updates from the backend. You push html over the wire.
standards: https://htmx.org/examples/
htmx is very popular actually.
any backend or frontend person can easily work on it. there is very little to learn.

hariso commented 1 year ago

At wanted to extend the gui quite a bit for some ideas as its very simple right now. Simple is good, but there are many more opportunities to make the gui provide more functionality.

But I mean no disrespect but it is so complex for no reason.

The two bolded parts are contradicting each other. I guess you meant it's simple feature-wise, but complex development-wise (internally)?

gedw99 commented 1 year ago

hey @hariso

its simple in terms of development but great in terms of features.

just play with this and its really obvious how power this simple approach is IMHO: https://htmx.org/examples/

I noticed you have a repo at https://github.com/ConduitIO/mx-ui-components that also is a storybook.

https://github.com/joerdav/go-htmx-examples imports https://github.com/a-h/templ which has storybook support. https://github.com/a-h/templ/tree/main/storybook

so its basically nice golang system for building web gui that is real time updated.

I currently use this with nats. Any nats consumer gets data / event, processes it, and creates the html and sends it over SSE or web sockets to the Web gui. htmx then just replaces the html on the client.

Also here is some high level stuff about htmx: https://github.com/bigskysoftware/htmx https://www.reddit.com/r/htmx/

simonl2002 commented 1 year ago

Not going to tag this for a milestone yet because there needs to be more discussion here.

gedw99 commented 1 year ago

The two bolded parts are contradicting each other. I guess you meant it's simple feature-wise, but complex development-wise (internally)?

No i did not :) I think it's simple to develop with, and it's highly extensible. See the examples: https://htmx.org/examples/

gedw99 commented 1 year ago

Not going to tag this for a milestone yet because there needs to be more discussion here.

yep. That's partly why i added the reddit link, so you can see what others think