#65 Hotwire SPA: Flash Messages
21/02/2022
Free
The right way to render flash messages without page refresh, while mixing Turbo Streams and Stimulus JS. Automatically dismiss flash in 5 seconds.
Creating a Single-Page-Application with Hotwire is quite easy!
Text guide: https://blog.corsego.com/turbo-hotwire-flash-messages
Source code: https://github.com/corsego/65-hotwire-flash/commits/main
0:00 FINAL APP DEMO
0:59 Create app
2:00 Scaffold Posts, Validations
3:28 SimpleCSS
4:15 Flash with page redirect
5:54 Turbo Streams - Create Posts
14:00 Flash without page redirect
19:55 CSS for flash
23:27 StimulusJS auto-remove Flash messages in 5 seconds
25:50 FINAL APP DEMO 2
26:16 Bonus: Render multiple Flash messages
26:57 VERY FINAL APP DEMO
1
Sign in to join the conversation
Recommended based on what you are watching now
![#1 Amanda Perino from Rails Foundation about Rails World](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg1OCwicHVyIjoiYmxvYl9pZCJ9fQ==--256cbed41df880ac3c6b3c2bf43b1a5dcb0ab182/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
19:11
#1 Amanda Perino from Rails Foundation about Rails World
19/05/2023
Free
![#153 Refactoring Hotwire Modals](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk0OSwicHVyIjoiYmxvYl9pZCJ9fQ==--e30d0f7dd25a235ce490ad3a6d661e273d4ad465/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
10:03
#153 Refactoring Hotwire Modals
21/11/2023
Free
![Friendly Show E6 RailsWorld, EuRuKo, FriendlyRB](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkzNiwicHVyIjoiYmxvYl9pZCJ9fQ==--c67261f7c9fb58e9033cf28242c6cada9d14dab0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
36:07
Friendly Show E6 RailsWorld, EuRuKo, FriendlyRB
09/10/2023
Free
1
![#05 Stripe API - Pay Now Button with Stripe Checkout API](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkyOSwicHVyIjoiYmxvYl9pZCJ9fQ==--2da52bf6cd329ad269d1e7ca15f5a9e3434282cc/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
47:21
#05 Stripe API - Pay Now Button with Stripe Checkout API
23/03/2021
Free