https://github.com/lcmen/hotwire-htmx-unpoly

Simple TODO application built with Rails to compare Hotwire, HTMX and Unpoly
https://github.com/lcmen/hotwire-htmx-unpoly

hotwire-turbo htmx rails unpoly

Last synced: 1 day ago
JSON representation

Simple TODO application built with Rails to compare Hotwire, HTMX and Unpoly

• Host: GitHub
• URL: https://github.com/lcmen/hotwire-htmx-unpoly
• Owner: lcmen
• Created: 2024-11-06T20:04:01.000Z (2 days ago)
• Default Branch: main
• Last Pushed: 2024-11-06T20:19:05.000Z (2 days ago)
• Last Synced: 2024-11-06T21:21:35.451Z (2 days ago)
• Topics: hotwire-turbo, htmx, rails, unpoly
• Language: HTML
• Homepage:
• Size: 101 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Hotwire vs HTMX vs Unpoly

Simple TODO application built with Rails to compare Hotwire, HTMX and Unpoly.

All variants share the same controller. Difference lies in views and JavaScript files.

## HTMX

It uses `head-support` extension to merge heads and `preload` to preload links on mousedown.

Modal is powered by native `dialog` element with small sprinkle of JavaScript via Alpine.js component.

Redirects are made with `HX-Location` header.

## Hotwire

Scroll is preserved through `before-visit` and `load` event handlers.

Modal is powered by native `dialog` element with small sprinkle of JavaScript via Stimulus controller.

Redirects are made with custom stream action.

## Unpoly

No extra code, just configuration for default animations.