Talks
Speakers
Events
Topics
Sign in
Home
Talks
Speakers
Events
Topics
Leaderboard
Use
Analytics
Sign in
Suggest modification to this talk
Title
Description
@SupeRails creator and Rails mentor Yaroslav Shmarov shares how some of the most common frontend problems can be solved with Hotwire. He covers: - Pagination, search and filtering, modals, live updates, dynamic forms, inline editing, drag & drop, live previews, lazy loading & more - How to achieve more by combining tools (Frames + Streams, StimulusJS, RequestJS, Kredis & more) - What are the limits of Hotwire? - How to write readable and maintainable Hotwire code - Bad practices Slides available at: https://www.icloud.com/keynote/031WsmVqF1yJVtjl2riyTgw_A#RailsWorld_2023_Hotwire_Cookbook_Yaroslav_Shmarov Links: https://rubyonrails.org/ https://superails.com/ https://hotwired.dev/ #RailsWorld #RubyonRails #rails #hotwire #stimulusjs #turbo #turbolinks #domid #kredis #turboframes #turbostreams
Date
Summarized using AI?
If this talk's summary was generated by AI, please check this box. A "Summarized using AI" badge will be displayed in the summary tab to indicate that the summary was generated using AI.
Show "Summarized using AI" badge on summary page
Summary
Markdown supported
In the video titled 'Hotwire Cookbook: Common Uses, Essential Patterns & Best Practices,' Yaroslav Shmarov, a Rails mentor, discusses effective methods for addressing common frontend challenges using Hotwire. He emphasizes a practical approach with 'recipes' to solve various UI problems, helping backend developers transition into using Hotwire seamlessly. The presentation covers several significant topics: - **Understanding Turbo Drive**: Yaroslav describes Turbo Drive as a culmination of Turbolinks and Rails UJS, providing features such as persistent elements across page transitions, confirmed submissions, and improved user interaction through methods like 'data-turbo-method'. - **Turbo Frames**: Key for lazy loading and self-contained page elements, Turbo Frames allow for efficient rendering of components like search functionalities and modals without full page reloads, minimizing server load and improving user experience. - **Inline Editing and Chained Selects**: Examples include editable lists where specific attributes can be updated seamlessly and chained select boxes that change options based on prior user selections, showcasing Hotwire's functionality in streamlining interactions. - **Dynamic Content with Turbo Streams**: The speaker explains how Turbo Streams enable real-time updates on the user interface, making it easy to handle CRUD operations without page refreshes, which is ideal for applications requiring live data updates, like chats or notifications. - **Integrating Stimulus**: Yaroslav advocates for using Stimulus to enhance Rails applications without relying heavily on JavaScript frameworks, demonstrating improvements in code cleanliness and project management functionalities. Throughout the presentation, Yaroslav interweaves practical examples, like the persistent search element from his website and dynamic modals for error handling, to illustrate how Hotwire can elevate Rails applications. He concludes by encouraging developers to embrace Hotwire, emphasizing its potential to simplify development while maintaining a delightful user experience. In summary, this talk serves as a foundational guide for Ruby on Rails developers to effectively implement Hotwire in their applications, covering its capabilities and best practices for maintainable code and user-friendly interfaces. Importantly, he highlights the synergy between Hotwire components, encouraging experimentation and integration into existing projects to enhance interactivity and responsiveness.
Suggest modifications
Cancel
