htmx demo

[Jim Steil]

Great demo of htmx capabilities

https://www.mattlayman.com/blog/2022/you-dont-need-javascript/

Would love to hear others thoughts...

-Jim

[Alex Glaros]

what about all the fancy visualizations and functions available from Vue, etc.? If we want that then htmx won't be enough, correct?

[Jim Steil]

I'm not sure what you're referring to with Vue visualizations.  Are you talking about charting components?

-Jim

[Alex Glaros]

yes, charting, timers, data visualizers, collapsing trees, all that visual stuff.

[Jim Steil]

Do you have a link to some of the controls you're talking about?  I haven't used any.

-Jim

[Alex Glaros]

here's an org chart: https://stackblitz.com/edit/ng-orgchart-demo?file=src%2Fapp%2Fapp.component.ts

I assume htmx hasn't yet built a library of visualizations, e.g., like: https://datastudio.google.com/visualization

I may have misunderstood your concept, which may be to avoid need for JavaScript to do basic forms and stuff?

[Jim Steil]

Sorry for me being slow to understand, but yes, you are correct.  htmx allows you to load components on a page without full page reloads.  What you put in those 'components' is up to you.  You could use different javascript libraries for these visual components.  htmx has no visual components like this that I'm aware of. 

It works well with py4web because it allows py4web grids or forms to be loaded/reloaded dynamically without page reloads.

If your visualization is based on other dynamic data on your page you could force reloads of the visualization portion as the dynamic data changes.  But, the visual component would be a javascript library.

Sorry for the confusion, I have a few web2py apps/pages that use javascript charting libraries, but I haven't rewritten them with py4web/htmx yet.

I'll be taking a look at the google datastudio stuff - look interesting.

-Jim