Get an improved navigation experience with a Chrominium based browser.
Dismiss
Ruby Video
Talks
Speakers
Events
Leaderboard
Sign in
Talks
Speakers
Events
Use
Analytics
Sign in
Suggest modification to this talk
Title
Description
A lot of life changing things have happened in 2020. And I'm obviously speaking about Stimulus Reflex and Hotwire and how we as Rails devs are finally enabled to skip a lot of JS while implementing reactive web UIs. But what if I told you, there's room for even more developer happiness? Imagine crafting beautiful UIs in pure Ruby, utilizing a library reaching from simple UI components representing basic HTML tags over styled UI concepts based on Bootstrap to something like a collection, rendering reactive data sets. Beautiful, reactive web UIs implemented in pure Ruby are waiting for you!
Date
Summary
Markdown supported
In the talk "Beautiful Reactive Web UIs, Ruby and You" presented by Jonas Jabari at RailsConf 2021, the speaker explores developing reactive web interfaces using Ruby, showcasing a shift away from JavaScript-heavy approaches. He examines the evolution of UI development within the Rails framework and introduces a library he created, named Mate Stack, which allows developers to build reactive UIs solely in Ruby, enhancing developer happiness without sacrificing functionality. **Key Points Discussed:** - The classification of UI development approaches: the spectrum from low UI and developer happiness to beautiful, reactive UIs that can boost developer satisfaction. - Traditional Rails views (ERB, Slim) and the challenges of integrating JavaScript, leading to complex state management and unhappy developers. - Introduction of Hotwire and Stimulus Reflex as tools that help reduce JavaScript in favor of Rails, yet the speaker advocates for even more Ruby-centric solutions. - The concept of Mate Stack, which completely abstracts UI creation using Ruby code, removing the need for HTML and JavaScript while leveraging Ruby's expressive syntax. - The structure of Mate Stack components: creating UI components, routing, handling dynamic data without page reloads, and integrating with existing Rails applications seamlessly. - A live demonstration using pre-built reactive components that mimic functions often requiring JavaScript, such as form submissions, updates, and real-time data syncing among connected clients. - Pre-built styled components based on Bootstrap allow for faster UI development with minimal writing of HTML or CSS, enhancing productivity. - Encouragement for developers to contribute to the open-source project, fostering a collaborative community around Mate Stack. **Conclusions and Takeaways:** - Mate Stack enables Rails developers to create beautiful, reactive UIs without delving deep into JavaScript, thus maintaining a focus on Ruby, which many developers favor for its syntax and object-oriented capabilities. - The library aims to free developers from the complexity of front-end coding, allowing them to build intuitive and responsive applications while enjoying the elegance of Ruby. - Developers are encouraged to explore, contribute to, and benefit from this open-source project, aimed at enhancing the Rails ecosystem and developer experience.
Suggest modifications
Cancel