https://github.com/pascallaliberte/stimulus-turbolinks-demo

A Stimulus + Turbolinks Demo of an app called Proposahoy!
https://github.com/pascallaliberte/stimulus-turbolinks-demo

demo stimulusjs turbolinks

Last synced: 15 days ago
JSON representation

A Stimulus + Turbolinks Demo of an app called Proposahoy!

• Host: GitHub
• URL: https://github.com/pascallaliberte/stimulus-turbolinks-demo
• Owner: pascallaliberte
• Created: 2018-01-03T18:43:36.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-10-20T17:16:21.000Z (over 6 years ago)
• Last Synced: 2024-12-11T17:11:37.755Z (about 1 month ago)
• Topics: demo, stimulusjs, turbolinks
• Language: HTML
• Homepage: https://pascallaliberte.github.io/stimulus-turbolinks-demo/
• Size: 648 KB
• Stars: 31
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Stimulus + Turbolinks Demo

* [Stimulus][stimulus] (by [Basecamp][basecamp]) adds listeners on elements as they appear on the page.

* [Turbolinks][turbolinks] (also by Basecamp) loads the next page via pjax.

[stimulus]: https://github.com/stimulusjs/stimulus

[turbolinks]: https://github.com/turbolinks/turbolinks

[basecamp]: https://basecamp.com/

Both of these together make for a sweet combination to add touches of interaction to otherwise server-side rolled HTML. If you want to add more complex client-side interactions (if you must), then hook something up with Vue or something fancy (I've got [another demo for that here if interested][vuejs-demo]).

[vuejs-demo]: https://github.com/pascallaliberte/vue-turbolinks-demo

This demo app was made to show off the Stimulus-based controllers that get connected to and disconnected from elements as they're added or removed from the DOM, and to show off the snappiness you get between pages with Turbolinks.

Hope it's useful!

-- [Pascal Laliberté](http://pascallaliberte.me)