Talks
Speakers
Events
Topics
Search
Sign in
Search
Home
Talks
Speakers
Events
Topics
Leaderboard
Use
Analytics
Sign in
search talks for
⏎
Suggest modification to this talk
Title
Description
Hi. Have you been writing Rails API-mode json backends for React front ends for the last few years? Me too. Have you been daydreaming about the days when you could just write a view template and render some html server-side? Me too. Have you been wondering if it's possible to have rich, snappy UIs with only Rails, and very little js? Me too. Are you now working on a fully Hotwire and Turbo app, having to re-learn everything you've grown comfortable with in front-end development? Me.. huh? no? Well come along and I'll show you how I re-implemented my conception of the client side with Rails' Hotwire view layer.
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 "Hotwiring My React Brain," Aji Slater discusses the transition from React to Rails' Hotwire framework during their presentation at RailsConf 2023. Slater addresses the common struggles faced by developers who are accustomed to building React applications and are now exploring Hotwire for full-stack development. Key points discussed include: - **Personal Journey**: Slater shares their personal experience of struggling to adapt to Hotwire after years of working with React and GraphQL, realizing the need to modify their mental models of web development. - **Understanding Hotwire**: An overview of Hotwire as part of Rails 7, broken into its two main components: Turbo, which enhances links and form submissions for partial updates, and Stimulus, which allows JavaScript interactions with HTML. - **Mindset Shift**: Emphasis on the fundamental differences between React’s component-based architecture and Hotwire’s server-driven approach, highlighting that traditional React problem-solving techniques do not directly apply when working with Hotwire. - **Building with Hotwire**: Slater walks through practical examples of building a web application with Hotwire, discussing Turbo Frames and their usage for scoping navigation and avoiding unnecessary JavaScript. - **Real-time Functionality**: Demonstrations of integrating real-time interactions with Hotwire, like inline editing and real-time updates, showing how these are handled differently than in traditional React applications. - **Functional Examples**: Slater presents a series of coding examples that showcase how to implement functionality in a Rails application using Hotwire, including turbo frames for partial updates and stimulus for client-side interactions. In conclusion, the video underscores the importance of adapting one's mental model when transitioning to Hotwire from a React-centric approach. The main takeaway encourages developers to embrace the Hotwire framework as a powerful tool for building interactive applications with less JavaScript, emphasizing simplicity and server-generated HTML. Through Aji Slater's insights, viewers are equipped with a clearer understanding of how to navigate this transition effectively, advocating for a blend of old-school Rails principles with modern interactive web experiences.
Suggest modifications
Cancel
