Editing article

Title

Summary With the addition of the new Todo form appearing at the bottom of the Todos, and the delete action removing a Todo, we have a very functional app. It would be nice if those additions and removals had a little animation to emphasize what’s happening on the page. If there was a long list, we might miss the deletion, especially if a network request caused a delay in the removal of the Todo. We can hook into Turbo streams, and run some animations on these actions to make them appear and disappear. <a href="https://onrails.blog/2024/04/01/hotwire-turbo-tutorial-animated-deletions-and-insertions/" rel="nofollow">https://onrails.blog/2024/04/01/hotwire-turbo-tutorial-animated-deletions-and-insertions/</a>

Content empty

Author

Link

Published date

Image url

Feed url

Guid

Hidden blurb --- !ruby/object:Feedjira::Parser::RSSEntry published: 2024-04-01 23:08:01.000000000 Z carlessian_info: news_filer_version: 2 newspaper: Ruby Flow macro_region: Technology entry_id: !ruby/object:Feedjira::Parser::GloballyUniqueIdentifier guid: https://rubyflow.com/p/j1sol6-hotwire-turbo-tutorial-animated-deletions-and-insertions title: 'HOTWire & Turbo Tutorial: Animated Deletions and Insertions' categories: [] summary: " With the addition of the new Todo form appearing at the bottom of the Todos, and the delete action removing a Todo, we have a very functional app. It would be nice if those additions and removals had a little animation to emphasize what’s happening on the page. If there was a long list, we might miss the deletion, especially if a network request caused a delay in the removal of the Todo. We can hook into Turbo streams, and run some animations on these actions to make them appear and disappear.\n<a href=\"https://onrails.blog/2024/04/01/hotwire-turbo-tutorial-animated-deletions-and-insertions/\" rel=\"nofollow\">https://onrails.blog/2024/04/01/hotwire-turbo-tutorial-animated-deletions-and-insertions/</a> " rss_fields: - title - url - summary - published - entry_id url: https://rubyflow.com/p/j1sol6-hotwire-turbo-tutorial-animated-deletions-and-insertions

Language

Active

Ricc internal notes Imported via /Users/ricc/git/gemini-news-crawler/webapp/db/seeds.d/import-feedjira.rb on 2024-04-02 21:53:37 +0200. Content is EMPTY here. Entried: title,url,summary,published,entry_id. TODO add Newspaper: filename = /Users/ricc/git/gemini-news-crawler/webapp/db/seeds.d/../../../crawler/out/feedjira/Technology/Ruby Flow/2024-04-01-HOTWire_&_Turbo_Tutorial:_Animated_Deletions_and_Insertions-v2.yaml

Ricc source

Show this article Back to articles