— SPONSOR —

Free RailsNotes UI update — 4 new ActionMailer email templates → 

I’ve released new email templates for RailsNotes UI! RailsNotes UI is my side-project; It’s a collection of email templates and components built for ActionMailer and Ruby on Rails (and uses ViewComponents under the hood!).

I occasionally release free updates, but this time I’ve gone all-out and release 4 new templates!

Learn more →

⚙️ Some ViewComponent tips (how I write them) (railsnotes.xyz)

I keep going on and on about it (like in previous newsletters), but I love ViewComponents! They feel like the missing piece of the Rails frontend stack — partials and templates are fine, but I’ve found they become unwieldy pretty quickly. ViewComponents are a great way to better encapsulate your front-end logic.

I’ve used ViewComponents heaps in my projects, including building an entire email template and component library with them. I’ve picked up quite a few tips and tricks along the way, and I finally sat down and turned them all into an article!

This is that article — It’s got 7 handy tips to write better ViewComponents. I cover component namespaces like UI::, aliasing slot helpers, better filenames and more!

If you use ViewComponents in your projects, I think you’ll find this article really handy. And if you’ve got tips of your own that I’ve missed, please send them to me! Just reply to this email.

→ 🗣️ Component-Driven UI with ViewComponent Gem (speakerdeck.com)

This is a brilliant set of slides from a talk by @rstankov called “Component-driven UI with ViewComponent gem”. Radoslav goes deep into how he’s used ViewComponents to build AngryBuilding (a facility management SaaS).

This is a great way to study ViewComponent usage in the wild, and pick up some great tips along the way!

→⚡️Using ViewComponents with Turbo (predicatemethod.com)

This is a short and sweet article about combining ViewComponents with Turbo frame — Jason does a great job explaining how the two technologies work together, as he walks you through building a small feature.

In my experience, ViewComponents and Turbo are a great mix (made even better with some TailwindCSS sprinkled in), and this article is a great place to see that in action.

→💡The problem that ViewComponent solves for me (codewithjason.com)

If I haven’t sold you on ViewComponents with my blatant gushing, you might appreciate Jason’s more thoughtful take on them. In this article, Jason shares his thoughts on ViewComponents and why he thinks they’re valuable.

From his article —

“…since I started using ViewComponent I’ve had a much easier time working with views that have non-trivial logic. In those cases, I just create a ViewComponent and put the logic in the ViewComponent.”

##################
# table.rb
#
class Table < ViewComponent::Base
  renders_many :rows
  alias row with_row    # shorten with alias

  ...
end

##################
# index.html.erb
#
# ✅ now you can write this — 
<%= render Table.new do |table| %>
  <%= table.row(...) %>
<% end %>

# ❌ instead of this — 
<%= render Table.new do |table| %>
  <%= table.with_row(...) %>        # extra with_
<% end %>