Discussion
Loading...

#Tag

Log in
  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Aral Balkan
Aral Balkan
@aral@mastodon.ar.al  ·  activity timestamp 2 weeks ago

🥳 New Kitten Release

https://kitten.small-web.org

You can now use the simple `on:` prefix instead of `hx-on:htmx:` to define inline event handlers for HTMX events¹.

Also, there are three new event shorthands for responding to your Kitten page’s connection lifecycle:

• on:connecting
• on:connect
• on:disconnect

(These expand during render to `hx-on:htmx:ws-connecting.window`, `hx-on:htmx:ws-open.window`, and `hx-on:htmx:ws-close.window`, respectively.)

These are useful when using Kitten’s Streaming HTML workflow.

Full change log:
https://codeberg.org/kitten/app/src/branch/main/CHANGELOG.md#2025-12-10

Enjoy!

:kitten:💕

¹ https://htmx.org/events/
² https://kitten.small-web.org/tutorials/streaming-html/

#Kitten #SmallWeb #peerToPeerWeb #web #dev #SmallTech #KittenRelease

Aral Balkan
Aral Balkan
@aral@mastodon.ar.al replied  ·  activity timestamp 2 weeks ago

Another quick release, this one adds Alpine.js support for shorthand event handlers.

Just add a `@` before your shorthand event handler names to have them expanded as inline Alpine.js event handlers.

e.g., `on:connect` → `@on:connect`

Enjoy!

:kitten:💕

#Kitten #AlpineJS #HTMX #SmallWeb #peerToPeerWeb #web #dev #JavaScript #nodeJS #SmallTech #KittenRelease

  • Copy link
  • Flag this comment
  • Block
pvergain (framapiaf) boosted
Txels :python:
Txels :python:
@txels@mastodont.cat  ·  activity timestamp last month

For the web projects I initiate, I'm settling into what I call the #mvjs framework (Minimum Viable JavaScript) - the least JS I can get away with.

This brings me to use a subset of:
- HTMX (only if I need partial page reload)
- alpinejs (only if I need some reactivity that only makes sense on the client side)
- vanilla javascript (for the rare cases I need to complemenf the former)

Thanks @carlton for helping me discover Alpine

#htmx #alpinejs

  • Copy link
  • Flag this post
  • Block
Txels :python:
Txels :python:
@txels@mastodont.cat  ·  activity timestamp last month

For the web projects I initiate, I'm settling into what I call the #mvjs framework (Minimum Viable JavaScript) - the least JS I can get away with.

This brings me to use a subset of:
- HTMX (only if I need partial page reload)
- alpinejs (only if I need some reactivity that only makes sense on the client side)
- vanilla javascript (for the rare cases I need to complemenf the former)

Thanks @carlton for helping me discover Alpine

#htmx #alpinejs

  • Copy link
  • Flag this post
  • Block

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.1-alpha.40 no JS en
Automatic federation enabled
Log in
  • Explore
  • About
  • Members
  • Code of Conduct