Slick

very cool, are you going to post this online somewhere?

Looks great. Is this in your

hemo

git repo?

**Carson/Elliot**: Yeah, I posted the above here: - Hanamismith (https://www.alchemists.io/projects/hanamismith) - Scroll down to the demonstration section. - Mastodon: https://mastodon.social/@bkuhlmann/109774878643349616 **Elliot**: Yeah, the code for this is in the Hemo repository: https://github.com/bkuhlmann/hemo I need to do some more work on this before doing more broadcasting but enjoying the progress so far! 🚀

Interested to hear about the experience of anyone using rails + htmx + _hyperscript I wondered if there’s some friction with htmx and turbo, Hotwire etc since I expect these are the default and built in. Also, I’m trying to avoid too much magic and last time I used rails I found it quite frustrating because it wasn’t clear what was actually happening behind the scenes.

yeah I find htmx is more akin to a set of atomic building blocks that extend html. Turbo is more of a black box- if it works, amazing, but if you need anything beyond the defaults, its a lot less flexible before you'll need to change the source code.

Also the turbo source code is really freakin complex with a lot of moving parts vs 1 js file htmx.

@refined-waiter-90422 yeah htmx really appeals to me for these reasons. Have you used htmx and rails?

i used intercooler.js/htmx w/ rails for a long time and disabled turbolinks (this was pre-turbo) so they wouldn't interfere w/ one another. I know some folks have wired in

htmx.process()

to turbolinks to make htmx work for smaller-target updates while keeping turbolinks for normal navigation in rails.

**Elliot**: Yeah, I've been avoiding React, Hotwire, etc. for years. Been using Elm (https://elm-lang.org) -- which is amazing -- until I discovered HTMX. ...but, ultimately, I really don't want a lot of JavaScript in my Ruby web apps. Having consulted and worked with larger companies where teams of JavaScript engineers stumble all over each other while also seeing GBs of shoveled into the

node_modules

folder is enough to make an engineer go crazy. 😅 ...but to answer your question directly, the problem is that by default Rails is wired with Hotwire....and so many people just cargo cult that. **Gnat**: Yeah, another reason why I don't want to deal with Hotwire/Turbo/Stimulus. **Carson**: Yeah, I'm trying to make a hard push for Hanami + HTMX and hope to demo this more soon.

Exciting! Seb Wilgosz featured Hanamismith/HTMX (plus me 😅 ) in the latest episode of Hanami Mastery: https://hanamimastery.com/episodes/40-hanamismith

Is there some sort of template fragment support for ERB, Haml or other template engines?

@gorgeous-activity-10760 Not sure what you mean. I usually just

render partial: "..."

in my controllers

I've also created:

def htmx_request?
    request.headers["HX-Request"]
  end
  helper_method :htmx_request?

and I sometimes use it in the controller to render a partial instead of the full view

I also considered defining a customer responder, but I think I would need to change the extension or mime type for that

I mean like described in this article: https://htmx.org/essays/template-fragments/ If there's support for it in Ruby it would be nice to add that to the list of HTMX 'Known Template Fragment Implementations' AFAIK partials are strictly a Rails concept, but I will check it out.

I use the Phlex rendering library to get those results.

Hey! I'm about to start a new Ruby on Rails project and plan to go all-in on HTMX. Got any advice?

Someone on Twitter mentioned they completely disabled the asset pipeline... that seems extreme but maybe it's a good idea?

i'm not using RoR but, i personally don't have an asset pipeline on my app either. just a cached

static/

directory

Good to know... the Twitter conversation seems to have turned against CSS/JS minification or transpilation altogether, even just in the name of being able to read a stack trace... so I think the case has been made.

What are you using? Sinatra?

OCaml. although i should correct my earlier statement. technically, i do have an asset pipeline, it's just to output a Tailwind CSS file. it's just one step so i totally forgot about it. no rev-hashing, nothing sophisticated at all.

command in my Dockerfile:

./tailwindcss-linux-x64 -i ./static/input.css -o ./static/output.css --minify && rm static/input.css

I'm not using an asset pipeline either. Everything is built upon Hanami + HTMX. If you need a quick start for experimentation, check out these projects: - https://alchemists.io/projects/hanamismith - For quickly building a skeleton Hanami project. - https://github.com/bkuhlmann/hemo - A demo project built with Hanamismith using HTMX.

For the sake of trying to limit the number of new things I'm learning at once, I created a new Rails project using propshaft (instead of sprockets), since the asset fingerprinting seems worth keeping. I'm going with Bootstrap for similar reasons; a little nervous about that but it seems like a few other people are doing Bootstrap+HTMX without incident.

Going with the default rails with prop shaft or even import maps will be fine. I use stimulus with htmx and I find it to be complementary.

I started a new Rails project with propshaft and I got this `app/javascript/application.js`:

// Entry point for the build script in your package.json
import * as bootstrap from "bootstrap"

I added htmx and hyperscript via yarn and then added these lines:

import * as _hyperscript from "hyperscript.org/dist/_hyperscript"
import * as htmx from "htmx.org/dist/htmx"

After I do this, HTMX works, but Hyperscript does not! After a ton of trial and error, I finally got it working by adding this line:

_hyperscript.browserInit();

So, hooray, it works, but also I didn't come across this in any of the docs or anywhere else. And now I'm not sure if I'm setting it up correctly. How come HTMX can initialize itself but Hyperscript cannot? Is this a bug? I don't know enough about JavaScriptWorld to understand what is happening here (but I'd like to!)

📣 Hey folks, I released the HTMX gem today to help augment and support the HTMX JavaScript library. You can find it here: https://alchemists.io/projects/htmx. Granted, early days with this gem -- I know -- but I'm planning to add more support for working with HTMX within Ruby in the future. If you have suggestions, questions, etc. let me know or open an issue. Enjoy! 🙇

Awesome gem!