Week 38 - Turbo Morphing in Practice, Ultimate Rails PWA Guide, and more!
Excitement builds as Rails World 2024 approaches, packed with Hotwire insights and practical tutorials!
Welcome to Hotwire Weekly!
Welcome to another issue of Hotwire Weekly! Next week, Rails World 2024 takes place in Toronto, Canada, September 26-27, featuring some Hotwire and Hotwire-adjacent talks and lightning talks:
- The Empowered Programmer - Justin Searls
- Making accessible web apps with Rails and Hotwire - Bruno Prieto
- Progressive Web Apps for Rails developers - Emmanuel Hayford
- Rails as a real-time, multiplayer game engine - Paweł Strzałkowski
- React to Hotwire migration - Carlos Marchal
- Ruby on Rails on WebAssembly - Vladimir Dementyev
- Turbo Native: Turn any Rails app into a mobile (iOS/Android) app - Yaroslav Shmarov
Enjoy the content and hope to see you at Rails World 2024! 🚀✨
📚 Articles, Tutorials, and Videos
Turbo Morphing in Practice - Jon Sully's article demonstrates how to use Turbo 8's morphing feature to create a smoother user experience when submitting forms, such as comments, without full page reloads.
Adding your Rails (PWA) app to the Home Screen - the Ultimate Guide - Ross Kaffenberger published an article on the Joy of Rails and explains how to make your Rails app installable as a Progressive Web App (PWA). It covers setting up HTTPS, creating a manifest file, adding icons, and handling app installation prompts.
Conditionally Style Turbo Frame Content - This article by Rails Designer explains how to apply conditional styles to Turbo Frame content by using a custom Tailwind CSS plugin. This allows developers to style elements differently when they are inside a Turbo Frame, enhancing the UI of inline-loaded forms or other content.
Why we switched from Cypress to Playwright - S Varun wrote an article for BigBinary in which he explains their switch from Cypress to Playwright due to better performance, fewer crashes, and Playwright’s open-source flexibility.
How to Build a Twitter Clone with Rails 8 and Turbo 8 - Rob Race's tutorial explains how to build a Twitter clone using Rails 8 and Turbo 8. It covers creating posts with real-time updates using Turbo Streams and the broadcasts_refreshes method, which minimizes the need for extra JavaScript.
Hotwire Club: Stimulus - Image Upload Previews with URL.createObjectURL - Julian Rubisch published a new challange for The Hotwire Club about building Image Upload Previews with Stimulus using the URL.createObjectURL().
🧰 Libraries and Tools
hotwire-dev-tools - Browser Dev Tools for Turbo and Stimulus. Available for Firefox, Chrome, and Safari.
Stimulus LSP - Intelligent Stimulus tooling for Visual Studio Code, Neovim, and more.
🎉 Releases
turbo v8.0.10 - The speed of a single-page web application without having to write any JavaScript.
turbo-rails v2.0.8, v2.0.9, and v2.0.10 - Turbo for Rails.
tailwindcss-rails v2.7.5 - Tailwind CSS for Rails.
Feel free to follow us on Twitter/X or on Mastodon!
See you next week!