Just enough Hotwire for Rails developers

#1

#59 Hotwire Turbo Streams CRUD

#59 Hotwire Turbo Streams CRUD

#2

#60 Hotwire Turbo Streams Autocomplete Search

#60 Hotwire Turbo Streams Autocomplete Search

#3

#63 Hotwire Modals (the right way)

#63 Hotwire Modals (the right way)

#4

#65 Hotwire SPA: Flash Messages

#65 Hotwire SPA: Flash Messages

1

#5

#66 StimulusJS: Targets, Values, Classes. Build a PRO dropdown

#66 StimulusJS: Targets, Values, Classes. Build a PRO dropdown

#6

#67 Streams: Infinite Scroll Pagination

#67 Streams: Infinite Scroll Pagination

#7

#68 Frames: Infinite Scroll Pagination

#68 Frames: Infinite Scroll Pagination

#8

#69 Frames + Streams: Infinite Scroll Pagination (Best approach)

#69 Frames + Streams: Infinite Scroll Pagination (Best approach)

#9

#70: Hotwire: Live form validations and previews

#70: Hotwire: Live form validations and previews

#10

#73 Hovercards with Hotwire Turbo Frames

#73 Hovercards with Hotwire Turbo Frames

#11

#75 ActsAsVotable: likes, bookmarks, hotwire, vote scopes, cached votes

#75 ActsAsVotable: likes, bookmarks, hotwire, vote scopes, cached votes

#12

#80 Dynamic Forms with Turbo (not JS approach)

#80 Dynamic Forms with Turbo (not JS approach)

1

#13

#81 StimulusJS: Conditionally display form fields based on selected value

#81 StimulusJS: Conditionally display form fields based on selected value

#14

#82 Chained Select Fields in a form. Gem City-State

#82 Chained Select Fields in a form. Gem City-State

#15

#84 Cookies Consent Banner

#84 Cookies Consent Banner

#16

#98 Inline editing attributes with Hotwire

#98 Inline editing attributes with Hotwire

2

#17

#99 Hotwire: Search and Infinite Pagination (Ransack with Pagy)

#99 Hotwire: Search and Infinite Pagination (Ransack with Pagy)

#18

#100 Browser tab title notifications

#100 Browser tab title notifications

tab notifications browser api server side rendering

#19

#110 Realtime Online User Tracking with Actioncable, Kredis, Turbo Broadcasts

#110 Realtime Online User Tracking with Actioncable, Kredis, Turbo Broadcasts

live updates track users online actioncable

#20

#113 Kredis Live counter, HTTP vs Websocket Turbo Broadcasts

#113 Kredis Live counter, HTTP vs Websocket Turbo Broadcasts

actioncable live update live counter

#21

#119 Trello Clone. Advanced Kanban Drag and Drop Sortable Lists with Hotwire

#119 Trello Clone. Advanced Kanban Drag and Drop Sortable Lists with Hotwire

Trello Clone drag and drop drag and drop sortable lists

#22

#121 Turbo Broadcasts CRUD Demystified

#121 Turbo Broadcasts CRUD Demystified

turbo broadcasts hotwire turbo streams hotwire turbo

#23

#143 Turbo Permanent: persist Audio Video and Search results while navigating pages

#143 Turbo Permanent: persist Audio Video and Search results while navigating pages

1

#24

#144 Why I am replacing Turbo Frames with Streams for ActsAsVotable?

#144 Why I am replacing Turbo Frames with Streams for ActsAsVotable?

2

turbo streams voting turbo frames

#25

#148 DataTables without page refresh using Hotwire Turbo Frames

#148 DataTables without page refresh using Hotwire Turbo Frames

2

datatables turbo frames hotwire

#26

#151 Advanced Hotwire modals

#151 Advanced Hotwire modals

html dialog turbo frames modals

#27

#152 Custom Turbo Streams. How to redirect from a form that is inside a turbo frame?

#152 Custom Turbo Streams. How to redirect from a form that is inside a turbo frame?

turbo frames modals hotwire

#28

#153 Refactoring Hotwire Modals

#153 Refactoring Hotwire Modals

#29

#156 Turbo 8 Morphing in real life

#156 Turbo 8 Morphing in real life

2

frontend turbo8 morphing

#30

#163 Instant page loads with Turbo 8 prefetch (aka InstantClick)

#163 Instant page loads with Turbo 8 prefetch (aka InstantClick)

#31

#181 Search and Autocomplete French Company Information

#181 Search and Autocomplete French Company Information

1

🇫🇷 France stimulusjs hotwire