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
Stimulus JS bills itself as a framework with modest ambitions that fits nicely into the Rails as "omakase" paradigm. At its core, Stimulus gives Rails developers a new set of low effort, high impact tools that can add much more than the sheen of modernization to an everyday Rails application. Join me as I live code three Stimulus JS examples that will help you save time, impress your friends, and win new clients and opportunities. This will be great for JS newbies and experts alike along with anyone interested in the potential schadenfreude that watching me live code will likely elicit.
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 this RailsConf 2021 talk, Jesse Spevack introduces Stimulus JS, a lightweight JavaScript framework designed to enhance Rails applications with minimal effort. Jesse emphasizes that the framework is not suited for building complete applications independently but rather serves as a helpful tool for integrating modern interactions into Rails apps. The session involves live coding three examples, focusing particularly on developing a dynamic dropdown menu for selecting RailsConf keynote speakers. **Key Points Discussed:** - **Introduction to Stimulus JS:** - Positioned as an 'omakase' framework, emphasizing simplicity and integration with Rails. - Contrasted with more complex frameworks like React and Angular, highlighting its Rails-centric nature and focus on server-side logic. - **Live Coding Session:** - Jesse walks through building a sample dropdown menu, adding stylish elements using Tailwind CSS, which showcases modern design accessibility for developers with limited design backgrounds. - Demonstrated how to create Stimulus controllers, manage lifecycle callbacks, and interact with the DOM using actions, targets, and values. - **Creating a Dropdown Menu:** - The development process includes setting up a simple Rails application, generating a new controller, and implementing HTML that interacts dynamically with the Stimulus framework. - Discussed using data attributes to connect HTML elements to JavaScript functions effectively. - Highlighted methods for handling events such as 'mouseenter' and 'click' to improve user interaction, such as highlighting items and updating button text based on selections. - **Refactoring for Better Encapsulation:** - Jesse advocates for breaking down the dropdown controller into more manageable, smaller controllers, thereby following best practices in encapsulation and separation of concerns. - Introduced the concept of custom events to allow better communication between sibling controllers, enhancing the application’s modularity. - **Conclusion and Takeaways:** - The session concluded with an encouragement for developers to explore Stimulus JS as a facilitating tool that makes integrating interactive features into Rails applications seamless and less overwhelming. - Jesse invites attendees to continue discussions and share feedback, reflecting on the supportive community integral to these developer conferences.
Suggest modifications
Cancel
